2015-01-20 4 views
-1

Я чувствую себя идиотом, задающим этот вопрос, но кто-нибудь знает хорошую библиотеку javascript для создания таблицы с заголовками для строки и столбца? Im ищет что-то, что работает так:Таблицы с заголовками строк и столбцов

enter image description here

спасибо заранее!

+1

Это может быть сделано только с чистым CSS. Просто используйте '' для заголовка ... –

ответ

1

Вы можете использовать HTML и CSS для этого.

Это проект таблицы с вашими спецификациями.

<table border=1> 
 
     <tr> 
 
     <td></td> 
 
     <th>header 1</th> 
 
     <th>header 2</th> 
 
     </tr> 
 
     <tr> 
 
     <th>col 1</th> 
 
     <td>data1</td> 
 
     <td>data2</td> 
 
     </tr> 
 
    </table>

наш стиль должен быть затем определены в CSS.

0

что-то, как это может быть сделано с помощью CSS и HTML

td, th { 
 
    border: 1px solid black; 
 
} 
 
.invisible { 
 
    border: none; 
 
    background-color:transparent; 
 
} 
 
.leftHeader { 
 
    font-weight: bold; 
 
    background-color:lightgray; 
 
} 
 
th { 
 
    background-color:lightgray; 
 
}
<table> 
 
    <thead> 
 
     <tr> 
 
      <th class="invisible"></th> 
 
      <th>Top Header</th> 
 
      <th>Top Header</th> 
 
      <th>Top Header</th> 
 
     </tr> 
 
    </thead> 
 
    <tbody> 
 
     <tr> 
 
      <td class="leftHeader">Left Header</td> 
 
      <td>Normal Cell</td> 
 
      <td>Normal Cell</td> 
 
      <td>Normal Cell</td> 
 
     </tr> 
 
     <tr> 
 
      <td class="leftHeader">Left Header</td> 
 
      <td>Normal Cell</td> 
 
      <td>Normal Cell</td> 
 
      <td>Normal Cell</td> 
 
     </tr> 
 
    </tbody> 
 
</table>

Смежные вопросы