Как показать строки в таблице

Question

Использование атрибута style Я хочу показать границы ячеек таблицы;

<table class="table-bordered table-striped table"> 
      <colgroup> 
       <col id="Col1" /> 
       <col id="Col2" /> 
       <col id="Col3" /> 
       <col id="Col4" /> 
       <col id="Col5" /> 
      </colgroup> 
      <thead> 
       <tr style="border:10px"> 
        <th scope="col">@T("Code")</th> 
        <th scope="col">@T("Product")</th> 
        <th scope="col">@T("Unit Price")</th> 
        <th scope="col">@T("Quantity")</th> 
        <th scope="col">@T("Value")</th> 
       </tr> 
      </thead> 
      <tbody> 

ATM выглядит следующим образом: Пытались что-то вроде:

<tr style="border:10px; border-style:solid; border-color:Black;"> 

, но не радость

Answer 1

Если вы хотите границу на клетку, а затем добавить его в ячейку а не строки ,

CSS:

td { 
    border: 1px solid black; 
} 

или инлайн:

<td style="border: 1px solid black;"></td> 

Answer 2

, если вы хотите, чтобы отобразить границы каждой ячейки, то вам нужно просто добавить атрибут стиля со следующим значением:

<td style="border:1px solid Black;"></td> 

синтаксис свойства границы:

граница: ширина | стиль | цвет;

где значение стиля:

никто: не определяет границы пунктир: Определяет пунктирную границу пунктирная: Определяет пунктирная граница твердого вещества: Определяет сплошную границу дважды: Определяет две границы. Ширина двух границ такая же, как и значение ширины границы паз: Определяет границу 3D-рифления. Эффект зависит от значения цвета границы ridge: Определяет трехмерную ребристую границу. Эффект зависит от значения цвета границы Вставка: Определяет границу 3D-вставки. Эффект зависит от граничного значения цвета outset: определяет границу 3D-выхода. Эффект зависит от значения цвета границы

Answer 3

Как уже упоминалось, вы, вероятно, хотите создать стиль td, а не tr. Тем не менее, ваш стиль tr должен показать что-то, поэтому я предполагаю, что ваши стили переопределяются из другого файла css или что-то в этом роде. Используйте Fire Bug или Dev Tools в Chrome (щелкните правой кнопкой мыши> элемент проверки), и вы можете увидеть стили на вашем td. Затем вы можете увидеть, какие из них переопределены (1), которые применяются (2), и откуда они идут (3).