格式表heder和body

时间:2016-10-24 19:00:37

标签: javascript jquery html css



$("input:checkbox:not(:checked)").each(function() {
  var column = "table ." + $(this).attr("name");
  $(column).hide();
});

$("input:checkbox").click(function() {
  var column = "table ." + $(this).attr("name");
  $(column).toggle();
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p style="margin-left:15px;">Additional information select below:</p>
<p style="display:inline; margin-left:15px">
  <input type="checkbox" name="vendor" />Vendor Details
  <input type="checkbox" name="ONX" />Quantity Level
  <input type="checkbox" name="Cost" />Cost Detail
  <!-- <li><input type="checkbox" name="d"  />d</li> -->

</p>

<table id="testTable" class="fixed_headers">
  <caption>
    <u><h2 >ITEM ONHAND QUANTITIES & GOODS IN TRANSACTION</h2></u>
  </caption>
  <thead>
    <tr class="header" style="background-color: #3f91bd;color:white; /* position: absolute; width: 83%; */">
      <th class="first">ITEM CODE</th>
      <th class="second">ITEM NAME</th>
      <th class="third">UNIT</th>
      <th class="headcol">ON HAND QTY</th>
      <th class="headcol">GIT</th>
      <th class="headcol">ATP</th>
      <th class="ONX" name="ONX">ONX LOW LMT</th>
      <th class="ONX" name="ONX">ONX HIGH LMT</th>
      <th class="ONX" name="ONX">ONX RE-ORDER-LEVEL</th>
      <th class="Cost">AVG COST</th>
      <th class="Cost">LAST PO PRICE</th>
      <th class="vendor" name="vendor">V_CODE</th>
      <th class="vendor">MAIN_VENDOR</th>
      <th class="vendor">VENDOR_TYPE</th>
      <th class="vendor">Vendor Mx LEAD TIM</th>
    </tr>
  </thead>
  <tbody style="display: block; border: 1px solid green; overflow-y: scroll; overflow-x: scroll; height:400px; width:850px">
    <tr>
      <td>aaa</td>
      <td>aaa</td>
      <td>aaa</td>
      <td>aaa</td>
      <td>aaa</td>
      <td>aaa</td>
      <td class="ONX">aaa</td>
      <td class="ONX">aaa</td>
      <td class="ONX">aaa</td>
      <td class="Cost">aaa</td>
      <td class="Cost">aaa</td>
      <td class="vendor">aaa</td>
      <td class="vendor">aaa</td>
      <td class="vendor">aaa</td>
      <td class="vendor">aaa</td>
    </tr>
    <tr>
      <td>bbb</td>
      <td>bbb</td>
      <td>bbb</td>
      <td>bbb</td>
      <td>bbb</td>
      <td>bbb</td>
      <td class="ONX">bbb</td>
      <td class="ONX">bbb</td>
      <td class="ONX">bbb</td>
      <td class="Cost">bbb</td>
      <td class="Cost">bbb</td>
      <td>class="vendor">bbb</td>
      <td class="vendor">bbb</td>
      <td class="vendor">bbb</td>
      <td class="vendor">bbb</td>
    </tr>
  </tbody>
</table>
&#13;
&#13;
&#13;

桌面和正文未以适当的格式显示。我必须解决这个问题。任何有关相同的建议将不胜感激。我想在相应的<tbody>列下创建每个<thead>列。

1 个答案:

答案 0 :(得分:2)

static bool IsJpeg(Stream stream) { using (var br = new BinaryReader(stream)) { var soi = br.ReadUInt16(); var marker = br.ReadUInt16(); return soi == 0xd8ff && (marker & 0xe0ff) == 0xe0ff; } } static bool IsPng(Stream stream) { using (var br = new BinaryReader(stream)) { var soi = br.ReadUInt64(); return soi == 0x0a1a0a0d474e5089; } } static bool IsGif(Stream stream) { using (var br = new BinaryReader(stream)) { var soi = br.ReadUInt32(); var p2 = br.ReadUInt16(); return soi == 0x38464947 && (p2 == 0x6137 || p2 == 0x6139); } } 内联样式

中删除display: block;

&#13;
&#13;
tbody
&#13;
&#13;
&#13;