Question

我无法找到解决问题的方法。我有一个HTML表格表。我想要做的是切换特定的列。目标是用户可以选择要显示的列。

这是我的表格（简化）：

  <table id="mainview" class="table table-striped table-bordered">
    <th>Column1</th>
    <th>Column2</th>
    <th>Column3</th>
    <tr>
      <td>
        <table class="table table-bordered">
        <tr>
          <th>One</th>
          <th>Two</th>
          <th>Three</th>
         </tr>
         <tr>
           <td>text</td>
           <td>text</td>
           <td>text</td>
         </tr>
        </table>
      </td>
      <td>
        <table class="table table-bordered">
        <tr>
          <th>One</th>
          <th>Two</th>
          <th>Three</th>
         </tr>
         <tr>
           <td>text</td>
           <td>text</td>
           <td>text</td>
         </tr>
        </table>
      </td>
      <td>
        <table class="table table-bordered">
        <tr>
          <th>One</th>
          <th>Two</th>
          <th>Three</th>
         </tr>
         <tr>
           <td>text</td>
           <td>text</td>
           <td>text</td>
         </tr>
        </table>
      </td>
    </tr>
  </table>

我现在有了这个输入来选择要切换的列：

<input id="number" value="2">
<button id="toggle">Toggle</button>`

这是我的剧本：

function fire() {
    var v = $('#number').val() || 0;
    $('#mainview tr').closest(':nth-child('+v+')').toggle();
}
$('#toggle').click(fire);

我的问题是，当我想切换列时，它也会影响每个辅助表的所有第n个列。我怎样才能选择父列？

Answer 1

你可以试试这个：

＆＃13;

axisY: [{
    labelMaxWidth: 100,
    prefix: "This"
}]

＆＃13;

这是输出：

隐藏/切换特定的列jquery

1 个答案: