Question

任何正文都可以使用jquery帮助如何隐藏网格中特定行的特定列。我能够隐藏。我尝试用下面的代码隐藏一列。

    var orderSection=getSelectedGridValue("egwEnterAppealDetails","ddwOrderSection");
if(orderSection!=""){
       eval("$('[id*=ddwOrderSection]:input').attr('disabled','disabled')");
}

但在这种情况下，它隐藏了所有行中的特定列，但我不希望这样。我没有使用任何jquery网格表我的js。我希望我清楚我的疑问请帮助我。请给出一些有关如何使用jquery网格的有用参考。

Answer 1

使用nth-child伪选择器。它为每个表行选择nth-child，从而隐藏整个列

  $('#myTable tr td:nth-child(2)').hide();

或

    <tr class="rows">
    <td width="150">
    Application Name:
    </td>
    <td>
    <select class="form-control" name="applicationName" path="applicationName">
    <option value="${applicationname}"></option>
    <option value="ABC">ABC</option>
    <option value="DEF">DEF</option>
    <option value="GHI">GHI</option>
    <option value="JKL">JKL</option>
    <option value="MNO">MNO</option>
    </select>
    </td>
    <td>
       ${applicationname}
    </td>
    </tr>

Answer 2

您可以使用eq（elementIndex）隐藏表中的特定列

$（'＃tblExample tr td：eq（Index）'）。hide（）; 要么 $（'＃tblExample tr td：eq（Index）'）。css（'display'，'none'）;

实施例

$（'＃tblExample tr td：eq（1）'）。hide（）; 这将隐藏表“tblExample”

中所有行的第二个td

Answer 3

如果我们想要隐藏特定列，请使用以下代码：

$（＆＃34;＃gridid＆＃34;）。jqGrid（＆＃39; hideCol＆＃39;，＆＃34; columnname＆＃34;）;

注意：当我们在标题行中隐藏列时，它将适用于该特定列的所有行。

如何使用jquery隐藏网格中特定行的特定列

3 个答案: