Question

我在footable jquery库的帮助下实现了一个响应表。现在我已经放置了输入标签，在其中选择框。 Footable js删除所有这些标记并使其为空<td>。

<table id="accordion-example-1" class="table" data-paging="true" data-filtering="false" data-sorting="false">
  <thead>
    <tr>
        <th></th>
        <th data-breakpoints="xs">Date Created</th>
        <th>Source</th>
        <th>Type</th>
        <th data-breakpoints="xs">Status</th>
        <th data-breakpoints="xs sm">&nbsp;</th>
        <th data-breakpoints="xs sm md" >&nbsp;</th>
        <th data-breakpoints="xs sm md">&nbsp;</th>
    </tr>
  </thead>
  <tbody>
    <tr data-expanded="true">
        <td></td>
        <td>6/11/16</td>
        <td>Mr. Cooper - Request Info</td>
        <td>Buying</td>
        <td>
            <select class="nobrdr">
                <option>Offer</option>
            </select>
        </td>
        <td><input type="text" class="nobrdr" placeholder="Value"/></td>
        <td><input type="text" class="nobrdr" placeholder="Date" /></td>
        <td><button class="nobrdr m-l-1" type="button" ><b>+ Add</b></button><br>Forms/Docs</td>
    </tr>

  </tbody>
</table>

jquery函数：

$(function($){
            $('#accordion-example-1,#accordion-example-2').footable({

            });
        });

Answer 1

您需要将表单元素所在的列的数据类型更改为＆＃34; html＆＃34;否则FooTable会假定该列仅包含文本并将其格式化 - 即它将删除来自单元格内容的所有HTML标记，而不仅仅是表单元素。

例如在您的情况下：

<th data-type="html" data-breakpoints="xs">Status</th>

将告诉它尊重Status列中任何单元格内的HTML标记。

支持的可能列类型是＆＃34; text＆＃34;，＆＃34; number＆＃34;，＆＃34; html＆＃34;和＆＃34;日期＆＃34;。＆＃34;文本＆＃34;如果没有指定类型，则为默认值。

有关更详细的讨论，建议您阅读http://fooplugins.github.io/FooTable/docs/getting-started.html上的指南并找到＆＃34;列选项＆＃34;部分。

footable js删除表

1 个答案: