搜索和排序选项在Javascript表中不起作用[英] Search and Sort Option is not working in Javascript Table

本文是小编为大家收集整理的关于搜索和排序选项在Javascript表中不起作用的处理方法,想解了搜索和排序选项在Javascript表中不起作用的问题怎么解决?搜索和排序选项在Javascript表中不起作用问题的解决办法?那么可以参考本文帮助大家快速定位并解决问题。

问题描述

你好,

我有使用 html 标签动态填充数据的 ajax 代码.


$.ajax({类型:"POST",网址:"../../GeneralService.asmx/Get_Bill_Desk_Items",数据类型:"json",数据: {},contentType: "application/json; charset=utf-8",成功:函数 (json) {var xmlDoc = "";var xml = "";xmlDoc = $.parseXML(json.d);xml = $(xmlDoc);document.getElementById("PopulateBillDeskItems").innerHTML = "";$(xml).find("Table").each(函数 () {var Category = $(this).find("Category").text();var Table_Room_Code = $(this).find("Table_Room_Code").text();var Table_Room_No = $(this).find("Table_Room_No").text();var Item_Total = $(this).find("Item_Total").text();$("#PopulateBillDeskItems").append(" <tr class='gradeX'><td>" + 类别 + "</td><td>" + Table_Room_Code + "</td><td>" + Table_Room_No + "</td><td class='center'>" + Item_Total + "</td></tr>");});}});


在 HTML 页面中:

<table id="table-example" class="表格"><thead><tr><>类别</th><>餐桌代码</th><>餐桌NO</th><th>总AMT</th></tr></thead><tbody id ="PopulateBillDeskItems"></tbody></table>


这段代码工作正常...但是当我转到页面源时,没有填充 HTML 代码.但是设计方面我可以看到更改.

而我需要的是,

我有一个 javascript css 表,在该表中,我使用上面的代码动态填充了数据.

在该表中有搜索和排序选项.
但是当我使用上面的代码动态填充数据时,搜索和排序选项不起作用.

但是当我将数据硬编码到该表时,搜索和排序选项工作正常.

请帮帮我...

谢谢
Dileep..

推荐答案

.ajax({类型:"POST",网址:"../../GeneralService.asmx/Get_Bill_Desk_Items",数据类型:"json",数据: {},contentType: "application/json; charset=utf-8",成功:函数 (json) {var xmlDoc = "";var xml = "";xmlDoc =

.parseXML(json.d);xml =

(xmlDoc);document.getElementById("PopulateBillDeskItems").innerHTML = "";

本文地址:https://www.itbaoku.cn/post/1355965.html