Как я создаю границы вокруг tbody/thead разделов таблицы?

<?php 

$array = Array();
for( $i = 65; $i < 91; $i++){
        $array[] = chr($i);
}

foreach( $array as $k => $v){
        echo "$k $v \n";
}

?>

$ php loop.php 
0 A 
1 B 
2 C 
3 D 
4 E 
5 F 
6 G 
7 H
...
16
задан Brian Tompsett - 汤莱恩 1 January 2017 в 15:32
поделиться

2 ответа

используйте

или аналогичные значения для правил

см. http://www.w3.org/ TR / html4 / struct / tables.html # h-11.3.1

13
ответ дан 30 November 2019 в 23:14
поделиться

Воспользуйтесь методом создания настоящих таблиц, а затем попробуйте следующее.

Я бы просто создал отдельные таблицы. Предположим, каждая таблица выглядит так:

<table>
    <thead>
        <tr>
            <th class="column_1">Header 1</th>
            <th class="column_2">Header 2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Column 1</td>
            <td>Column 2</td>
        </tr>
        ...
    </tbody>
</table>

Затем с помощью jQuery задайте ширину:

var columnOneWidth = 0; var columnTwoWidth = 0;

$(document).ready( function() {
    $(".column_1").each( function() {
        if( $(this).css("width") > columnOneWidth ) columnOneWidth = $(this).css("width");
    });
    $(".column_2").each( function() {
        if( $(this).css("width") > columnTwoWidth ) columnTwoWidth = $(this).css("width");
    });

    $(".column_1").css({width: columnOneWidth + "px"});
    $(".column_2").css({width: columnTwoWidth + "px"});
});

Все, что вам нужно сделать, это включить файл jQuery Javascript (доступный на jquery.com) в свой тег заголовка:

<script type="text/javascript" src="scripts/my_jquery_file.js"></script>
-3
ответ дан 30 November 2019 в 23:14
поделиться