如何隐藏table 中的指定列?当页面需要显示的内容太多,而页面宽度又不够,不想内容显示太混乱,常常会将指定的列暂时隐藏掉,那么如何让实现呢?
js代码如下:
/** * table列显示隐藏 * @param tableId * @param columns table列索引 例: 0,1,2,3 * @param type 显示隐藏列 1.显示table列 2.隐藏table列 */ function hideShowTableTd(tableId, columns, type) { var strs = new Array(); //定义一数组 strs = columns.split(","); //字符分割 var tableTd = ""; for (var i = 0; i < strs.length; i++) { tableTd += "td:eq(" + strs[i] + "),th:eq(" + strs[i] + ")," } tableTd = tableTd.substring(0, tableTd.length - 1); if (type == '1') { $('#' + tableId + ' tr').find(tableTd).show(); } if (type == '2') { $('#' + tableId + ' tr').find(tableTd).hide(); } }
实现的逻辑和思路:需要先将要隐藏列的下标进行分解,然后通过下标进行获取到对象,最后利用hide() 或者是show() 进行显示或者是隐藏。