如何隐藏table 中的指定列？

如何隐藏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() 进行显示或者是隐藏。