Дизайн HTML-таблицы как gridView

Question

Дизайн HTML-таблицы как gridView

0

Я работаю с vb.net. У меня есть gridView с атрибутом "GridLines". Когда я делаю GridLines = "Both", он маркирует линии в некотором цвете и форме. Я хочу точно такой же дизайн в обычной таблице html через CSS. Как мне это сделать?

shlomi 09 апр. 2014, в 09:07

Источник

0

«Я хочу точно такой же дизайн в обычной таблице HTML», вам нужно просто выглядеть и чувствовать? или вы также отображать данные из DataSource ?
Bharadwaj 09 апр. 2014, в 07:19
0

просто смотри и чувствуй. В asp: GridView есть атрибут GridLines = "Both". Я хочу такой же эффект в таблице HTML. Спасибо
shlomi 09 апр. 2014, в 08:25
1

Вы можете добавить border к table чтобы добиться этого.
Bharadwaj 09 апр. 2014, в 09:16
0

Я добавил ответ, попробуйте сообщить мне результат.
Bharadwaj 09 апр. 2014, в 11:32
0

Спасибо, как раз то, что мне нужно!
shlomi 09 апр. 2014, в 11:33

Показать ещё 3 комментария

Теги:

html

css3

html-table

gridview

design

2 ответа

Ещё вопросы

«Я хочу точно такой же дизайн в обычной таблице HTML», вам нужно просто выглядеть и чувствовать? или вы также отображать данные из DataSource ?
просто смотри и чувствуй. В asp: GridView есть атрибут GridLines = "Both". Я хочу такой же эффект в таблице HTML. Спасибо
Вы можете добавить border к table чтобы добиться этого.
Я добавил ответ, попробуйте сообщить мне результат.
Спасибо, как раз то, что мне нужно!

Bharadwaj · Answer 1 · 2014-04-09T09-45-00.000Z

Для граничащих с ячейками таблицы (как GridLines="Both" do) попробуйте следующее.

Добавьте класс css для table. Пусть говорят, что имя класса является gridlines. Затем добавьте стиль, как показано ниже,

.gridlines table
{
  border-collapse:collapse;
}
.gridlines table tr td
{
 padding:0;
 border:1px solid black;
}

Спасибо, я сделал что-то еще. Я просто делаю "border = solid" в теге таблицы, и это работает. Когда я делаю "border: solid" в css, он делает границы таблицы.

Smart Killer · Answer 2 · 2014-04-09T05-05-00.000Z

вы можете сделать это, применив класс в gridview и установить GridLines="None" как none. здесь я приведу пример

  <asp:GridView ID="grid_patient" Style="width: 100%;" CssClass="salesGrid" runat="server" GridLines="None" AutoGenerateColumns="False" ProcessFocusedRowChangedOnServer="disable" >

а затем ваш css, как показано ниже

.salesGrid
        {
            font-size: 12px;                                
            overflow: hidden;
            border:1px solid #000000;
        }