html导出excel 隐藏部分,动态地隐藏HTML表格的一部分

好吧，我写了一个例子，说明选择不同的行。在框中输入一个数字(1 - 10)并点击按钮。第1行或第10行将显示(在这里，您将使用jQuery或其他方式更改您的课程)，并在上方或下方添加一行。选择其他数字(2 - 9)将显示其自身，并显示上面一行和下面一行。

很显然，这不是你所要求的 - 但它应该说明如何做到这一点的逻辑......

Enter row:

Row 1

Row 2

Row 3

Row 4

Row 5

Row 6

Row 7

Row 8

Row 9

Row 10

function updateTable()

{

var table = document.getElementById('yourTable');

var row = parseInt(document.getElementById('Text1').value);

var rows = table.rows.length;

// Reset the classes, styles etc etc for each row

for (var i = 0; i < rows; i++) {

table.rows[i].style.visibility = 'hidden';

}

// Subtract one as we start from 0.

row = row - 1;

// Top row, select the first and one below.

if (row == 0) {

table.rows[0].style.visibility = 'visible';

table.rows[1].style.visibility = 'visible';

}

// Rows in between. Select the middle, one above and one below.

if ((row > 0) && (row < rows - 1)) {

table.rows[row - 1].style.visibility = 'visible';

table.rows[row].style.visibility = 'visible';

table.rows[parseInt(row + 1)].style.visibility = 'visible';

}

// Bottom row, select the last row and one above that.

if (row == rows - 1) {

table.rows[row].style.visibility = 'visible';

table.rows[row - 1].style.visibility = 'visible';

}

}