表javascript分页和排序

表javascript分页和排序,javascript,html,sorting,search,html-table,Javascript,Html,Sorting,Search,Html Table,如何搜索和分页表格?另外,如何对所有列进行升序和降序排序?现在我只能用一种方法。 表从javascript加载数据 const用户=[ { obec:“布拉迪斯拉发”, 奥克斯:“布拉迪斯拉发”, 克拉吉:“布拉迪斯拉夫斯克”, 奥比瓦捷洛夫:411228, 塞尔科沃:1, eco:1, peo:1, 政府:131, 暴民:203, 环境:81, liv:3}]; //加载数据 让data=users.map(createRow); $('tbody').html(数据); //分类表 $('

如何搜索和分页表格?另外,如何对所有列进行升序和降序排序?现在我只能用一种方法。 表从javascript加载数据

const用户=[
{
obec:“布拉迪斯拉发”,
奥克斯:“布拉迪斯拉发”,
克拉吉:“布拉迪斯拉夫斯克”,
奥比瓦捷洛夫:411228,
塞尔科沃:1,
eco:1,
peo:1,
政府:131,
暴民:203,
环境:81,
liv:3}];
//加载数据
让data=users.map(createRow);
$('tbody').html(数据);
//分类表
$('table thead td')。在('click',e=>{
设$this=$(e.currentTarget);
//隐藏/显示插入符号
$('.fa插入符号向下').hide();
$this.find('.fa插入符号向下').show();
//获取类型和排序数据
let type=e.target.id;
让排序=排序(用户,类型);
//创建行并设置表格HTML
让data=sorted.map(createRow);
$('tbody').html(数据);
});
函数createRow(用户){
让行=`
${user.obec}
${user.okres}
${user.kraj}
${user.obyvatelov}
${user.celkovo}
${user.eco}
${user.peo}
${user.gov}
${user.mob}
${user.env}
${user.liv}
`;
返回行;
}
函数排序(obj,类型){
让排序=对象排序((b,a)=>
类型==='obyvatelov'?b.obyvatelov-a.obyvatelov:
类型==='celkovo'?b.celkovo-a.celkovo:
类型=='eco'?b.eco-a.eco:
类型==='peo'?b.peo-a.peo:
类型=='gov'?b.gov-a.gov:
类型=='mob'?b.mob-a.mob:
类型=='env'?b.env-a.env:
类型=='liv'?b.liv-a.liv:
a、 obec.localeCompare(b.obec));
返回排序;
}

Obec
奥克斯
克拉吉
波切特·奥比瓦托夫
塞尔科夫·波拉蒂
节约
人
治理
流动性
环境
活着的
代码>考虑使用,请考虑使用