首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >删除TableData的内容

删除TableData的内容
EN

Stack Overflow用户
提问于 2014-09-19 11:55:57
回答 3查看 38关注 0票数 0

我想删除datatable的<tbody>内容如下:

代码语言:javascript
运行
复制
<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="myTable">
    <thead>
        <tr>
            <th>Field_1</th>
            <th>Field_2</th>
            <th>Field_3</th>
        </tr>
    </thead>
    <tbody id="myTableBody">
        <tr>
            <td>DATA</td>
            <td>DATA</td>
            <td>DATA</td>
        </tr>
        <tr>
            <td>DATA</td>
            <td>DATA</td>
            <td>DATA</td>
        </tr>
    </tbody>

我试过使用$("#myTableBody").empty()$("#myTableBody").html(""),但它不起作用。我不想删除<thead>

提前感谢

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-09-19 11:56:30

尽管您的代码正在运行请看这里,但您可以尝试以下答案:

试一试

代码语言:javascript
运行
复制
$("#myTableBody tr").empty()

代码语言:javascript
运行
复制
$("#myTableBody tr").html("")

代码语言:javascript
运行
复制
$("#myTable tbody tr").empty()

代码语言:javascript
运行
复制
$("#myTable tbody").empty()

演示

document.ready() 不要忘记包含jquery库,并将jquery代码放入块.中。

票数 0
EN

Stack Overflow用户

发布于 2014-09-19 12:12:50

试试这个http://jsfiddle.net/Tushar490/s8pqqnL9/1/

代码语言:javascript
运行
复制
$("#myTable tbody").html("");
票数 0
EN

Stack Overflow用户

发布于 2014-09-19 13:05:21

一旦创建了datatable,就必须使用datatable API来创建或删除行。

若要清除表中的所有行,请执行以下操作:

代码语言:javascript
运行
复制
// using datatable 1.9 or lower :
$('#myTable').dataTable().fnClearTable();

// using datatables 1.10 or higher :
$('#myTable').dataTable().clear();

参考资料:

  • 第1.9节
  • 第1.10节
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25933369

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档