Я хочу установить gridview с фиксированным заголовком.
Я пытаюсь создать gridview с фиксированным заголовком и прокручивать сетку с обеих сторон по оси x и Y. Чтобы спроектировать gridview на одной таблице с вместо td и tr.
Пожалуйста, помоги мне выбраться из этого.
@*формат HTML*@
<meta charset="utf-8" />
<title>фиксированный заголовок
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
| Заголовок 1 | Заголовок 2 | Заголовок 3 | Заголовок 25 | |
|---|---|---|---|---|
| Ряд 1 Колонка 1 | Ряд 1 Колонка 2 | Ряд 1 Колонка 3 | Ряд 1 Колонка 25 | |
| Ряд 2 Колонка 1 | Ряд 2 Колонка 2 | Ряд 2 Колонка 3 | Ряд 2 Колонка 25 | |
| Ряд 3 Колонка 1 | Ряд 3 Колонка 2 | Ряд 3 Колонка 3 | Ряд 3 Колонка 25 | |
| Строка 4 Столбец 1 | Строка 4 Столбец 2 | Строка 4 Столбец 3 | Строка 4 Столбец 25 | |
| Строка 5 Столбец 1 | Строка 5 Столбец 2 | Строка 5 Столбец 3 | Строка 5 Столбец 25 | |
| Строку 6 Столбец 1 | Строку 6 Столбец 2 | Строку 6 Столбец 3 | Строку 6 Столбец 25 | |
| Строка 7 Столбец 1 | Строка 7 Столбец 2 | Строка 7 Столбец 3 | Строка 7 Столбец 25 | |
| Строка 8 Столбец 1 | Строка 8 Столбец 2 | Строка 8 Столбец 3 | Строка 8 Столбец 25 | |
| Строку 9 Столбец 1 | Строку 9 Столбец 2 | Строку 9 Столбец 3 | Строку 9 Столбец 25 |
Что я уже пробовал:
/*стиль CSS*/
тело {
семейство шрифтов: 'Segoe UI';
размер шрифта: 15px;
}
таблица, th, td {
границы: 1px твердых черный;
границы-крах: крах;
}
th, td {
прокладка: 5px;
выравнивание текста: по центру;
}
thead > tr > th,
tbody > tr > td {
ширина: 200px;
}
элементы thead {
дисплей: блок;
маржа: авто;
ширина: 100%;
белый-пространство: без переноса;
положение: относительное;
переполнение: авто;
переполнение текста: многоточие;
}
tbody {
дисплей: блок;
маржа: -1px;
высота: 200px;
переполнение-й: авто;
}
.Bodytab {
белый-пространство: без переноса;
ширина: 1px;
}
Novaa
Я хочу использовать только CSS-код,а не JS,Jquery, AngularJS и так далее.
Пожалуйста, скажите мне, чтобы достичь дизайна только с помощью CSS-кода.