初始化时，展示所有项（数据是写死的dataOrigin）
输入查询条件查询后，重新设置dataOrigin，绘制表格，求教怎么绘制
现在的状况是初始化可以执行，但如果要执行搜索的话一定要注释掉初始化的代码，否则会报错
求教大神
<body>
<input type="text" name="" id="txt" placeholder="输入姓名搜索"/>
<input type="button" value="查找" id="btn"/>
<table id="table">
<thead>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
</thead>
</table>
<script>
var dataOrigin=[
{"name":"mike","gender":"male","age":"20"},
{"name":"lisa","gender":"female","age":"24"}
];
$(function(){
var t=$("#table").DataTable({
"data":dataOrigin,
"columns":[
{"data":"name"},
{"data":"gender"},
{"data":"age"}
],
"paging":false,
"searching":false,
"info":false
});
$("#btn").click(function(){
// 重新设置dataOrigin=var dataOrigin=[
// {"name":"lisa","gender":"female","age":"24"}
// ]
// 并绘制表格，求教怎么弄法
var dataOrigin=[
{"name":"lisa","gender":"female","age":"24"}
];
$("#table").DataTable({
"data":dataOrigin,
"columns":[
{"data":"name"},
{"data":"gender"},
{"data":"age"}
],
"paging":false,
"searching":false,
"info":false
});
})
})
</script>
</body>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
如果要对数据更改
其实如果你的数据都来源于一个完整的表，筛选之后，
你可以用隐藏行来做到，API：https://datatables.net/refere...。