1. 程式人生 > >table的使用 (表格原有的資料進行排序、奇偶判斷)

table的使用 (表格原有的資料進行排序、奇偶判斷)

1、單獨給tr設定邊框不起作用,需要設定table的下面屬性,才能起到作用:

style="border-collapse: collapse;"

2、對當前table表格原有的資料進行排序

function numCheck(){

var num = $(".fixed-table-box tr").length;     //獲取tr的長度

for (var i = 0; i <= num; i++) {         //進行迴圈

$(".fixed-table-box tr .table-cellX").eq(i).html(i+1);

}

}

3、table標籤

/*奇偶數判斷*/

/*(偶數行)*/

tr:nth-child(even) {

background: white;

}

/*(奇數行)*/

tr:nth-child(odd) {

background: rgba(247, 246, 254, 1);

}