Javascript 以qrcode为列的HTML表格；平板电脑上的加载问题

我有一个HTML表，其中QRcode是它的列值之一；我使用QRcode.min js库将字符串转换为QRcode

json=$.parseJSON（json.stringify（res.d））；
//log（'data'，json）；
$.each（json，函数（i，项）{
//console.log（item.medicine）；console.log（item.medicine）；
如果（item.QrImg1==null）{
td1=$（''）.text（''）；
}否则{
td1=$（''）.qrcode（{宽度：100，高度：100，文本：item.QrImg1}）
}
如果（item.QrImg2==null）{
td2=$（''）.text（''）；
}否则{
td2=$（''）.qrcode（{宽度：100，高度：100，文本：item.QrImg2}）
}
var$tr=$（''）。追加(
$（''）.文本（项目.医学），
$（''）.text（item.BatchCode），
td1，
td2
).附录（“#药物”）；
}

如果您一次从服务器获取数据，并在客户端从表中进行搜索，那么jquery.DataTables将帮助您筛选行

---

它有许多选项自定义表的视图和功能，如sort/search/group

如果您从服务器获取一次数据，并在客户端从表中进行搜索，那么jquery.DataTables将帮助您筛选行

它有许多选项自定义表格视图和功能，如排序/搜索/分组

NameUrl类型上次修改
$（“#示例”）.dataTable({
“aaData”：[
[“站点点”http://sitepoint.com，“博客”，“2013-10-15 10:30:00”]，
[“Flippa”http://flippa.com“，”市场“，”空“]，
[“99设计”http://99designs.com“，”市场“，”空“]，
[“可学习的”http://learnable.com“，”在线课程“，”空“]，
[“Rubysource”http://rubysource.com“，”博客“，”2013-01-10 12:00:00“]
],
“aoColumnDefs”：[{
“缝合线”：“站点名称”
，“目标”：[“站点名称”]
},{
“目标”：[1]
，“bSortable”：false
，“mRender”：函数（url、类型、完整）{
返回“”；
}
},{
“目标”：[3]
，“sType”：“日期”
，“mRender”：函数（日期、类型、完整）{
返回（完整[2]=“博客”）
？新日期（Date）.toDateString（）
：“不适用”；
}  
}]
});

NameUrl类型上次修改
$（“#示例”）.dataTable({
“aaData”：[
[“站点点”http://sitepoint.com，“博客”，“2013-10-15 10:30:00”]，
[“Flippa”http://flippa.com“，”市场“，”空“]，
[“99设计”http://99designs.com“，”市场“，”空“]，
[“可学习的”http://learnable.com“，”在线课程“，”空“]，
[“Rubysource”http://rubysource.com“，”博客“，”2013-01-10 12:00:00“]
],
“aoColumnDefs”：[{
“缝合线”：“站点名称”
，“目标”：[“站点名称”]
},{
“目标”：[1]
，“bSortable”：false
，“mRender”：函数（url、类型、完整）{
返回“”；
}
},{
“目标”：[3]
，“sType”：“日期”
，“mRender”：函数（日期、类型、完整）{
返回（完整[2]=“博客”）
？新日期（Date）.toDateString（）
：“不适用”；
}  
}]
});

尝试执行我的建议，如果您遇到问题或需要帮助，请更新有问题的代码，然后对我的答案进行评论。要给您提供工作代码，请添加json数据是的，您可以执行服务器端处理以减少客户端的数据集。此外，如果您的QR代码需要时间，请尝试在没有它的情况下呈现表行，然后在选择项时调用

.qrcode（）

在所选元素上，但这意味着最终用户需要与应用程序进行大量交互；需要与应用程序进行最少的交互来实现我的建议，然后如果您遇到问题或需要帮助来更新您的代码，请对我的答案进行评论。要提供工作代码，请添加json数据是的，您可以实现服务器端pr处理以减少客户端的数据集。此外，如果qrcode需要时间，请尝试在不使用qrcode的情况下呈现表行，然后在选中项时在该选定元素上调用

。qrcode（）

，但这将意味着最终用户与应用程序的大量交互；需要与应用程序的最小交互