JqueryMobile表在填充的单元格中包含Linebreak

时间:2016-08-16 10:14:25

标签: javascript jquery html css jquery-mobile

我有一个与jQuery Mobile表有关的问题。 我有一个看起来像这样的表(在下面的代码中),它是水平滚动的,带有使用floatThead的固定标题。
一些“td”文本可能非常长,例如像文章说明。
目前它只使用了整个空间并且没有添加任何“br”。
通过这种行为,它减少了其他元素的可用空间。顺便说一句,内容将动态添加。

我现在的问题是,如果文本变长,是否可以在长“td”文本中强制换行?表格单元格内的br的分类是什么?

 <div id="containerDiv">
<table class="ui-responsive ui-shadow gk-decorate tableClass" id="tableId" is="jqm-table" data-role="table">
  <thead>
    <tr>
      <th data-priority="1"><abbr>Header 1</abbr></th>
      <th data-priority="1"><abbr>Header 2</abbr></th>
      <th data-priority="1"><abbr>Header 3</abbr></th>
      <th data-priority="1"><abbr>Header 4</abbr></th>
      <th data-priority="1"><abbr>Header 5</abbr></th>
      <th data-priority="1"><abbr>Header 6</abbr></th>
    </tr>
  </thead>
  <tbody>
    <tr id="someId">
      <td>Content</td>
      <td>Content</td>
      <td>LooooooongContent</td>
      <td>RealllllllyLooooongContent</td>
      <td>Content</td>
      <td>Content</td>
    </tr>
     <tr id="someId">
      <td>Content</td>
      <td>Content</td>
      <td>LooooooongContent</td>
      <td>RealllllllyLooooongContent</td>
      <td>Content</td>
      <td>Content</td>
    </tr>
     <tr id="someId">
      <td>Content</td>
      <td>Content</td>
      <td>LooooooongContent</td>
      <td>RealllllllyLooooongContent</td>
      <td>Content</td>
      <td>Content</td>
    </tr>
    <tr id="someId">
      <td>Content</td>
      <td>Content</td>
      <td>LooooooongContent</td>
      <td>RealllllllyLooooongContent</td>
      <td>Content</td>
      <td>Content</td>
    </tr>
    <tr id="someId">
      <td>Content</td>
      <td>Content</td>
      <td>LooooooongContent</td>
      <td>RealllllllyLooooongContent</td>
      <td>Content</td>
      <td>Content</td>
    </tr>
  </tbody>
</table>

0 个答案:

没有答案