"分段"表if css如果可能的话

时间:2016-03-22 00:50:01

标签: jquery css

我有一个动态创建的表,它通过VBscript从SQL DB中提取数据,然后使用AJAX和JQuery转发到HTML。

这就是我的HTML外观:

    <table width="100%" style="border-collapse: collapse;">
       <tr bgcolor="#FF9933" > 
         <td width="50%" style="border-right:solid 1px black">TD 1</td>
         <td width="50%">TD 2</td>
       </tr>
  </table>
    <table id="UpdatePanel" width="100%" style="border-collapse: collapse;">
      </table>

表ID为#34; UpdatePanel&#34;充满了动态拉取ajax的数据。

表格: 这就是我的表格外观以及数据显示方式 This is how my table looks and how the data is shown

这就是我想要它的样子,我想&#34;打破&#34;它之后说26-27行 This is how i want it to look, i want to "break" it after lets say 26-27 rows

我不知道你是否可以用CSS或CSS和JQuery或其他东西来实现这一目标。

1 个答案:

答案 0 :(得分:0)

这不是CSS可以做的事情,至少干净利落。我建议在ajax成功之后拆分数据并创建多个表。

String inputText = tvId.getText().toString();
if (hashTable.containsKey(inputText)) {
    tvIdd.setText(intputText);
}

然后在你的桌子上function createTables(data){ var $tr = $(data) var size = 26; while($tr.length > 0){ var table = $('<table></table>').append($tr.splice(0,size)) $('body').append(table) } } float:left

例如: https://jsfiddle.net/guanzo/rw59c65b/