BootStrap table表格插件自适应固定表头(超好用)
作者：lvyi
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了BootStrap table表格插件自适应固定表头(超好用)的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
首先是简单的页面形式，大家可以按照平常画表格的方式来创建html表格，然后通过js控制特殊的样式等操作（优点是表格更加直观，方便调整表格样式等，速度快）
当然，也可以只在页面上放一个table标签，之后的所有数据和样式都通过js控制也是可以的，后面会说（优点方便控制修改数据，尤其是ajax方式获取的json格式，但是调整样式比较麻烦）
ps：这个是插件的官网，里面有英文api和例子：
还有，使用前请引入bootstrap的相关css，js，jQuery，以及bootstrap-table的css，js至少这5个基本文件
一，html表格方式
例一：需求，简单的表格数据呈现，表头是两行，还有一个上下浮的箭头
分析：很简单，只需要html就可以实现，按照常规的表格来画，添加上bootstrap-table独有的自定义属性即可，注意如果不使用js请在最开始的table标签中加上data-toggle
html代码：
&table data-toggle="table" data-height="268" class="table table-striped table-bordered table-hover" id="tableL01"&
&th data-field="lhc" data-rowspan="2" data-align="center" data-valign="middle"&来耗存&/th&
&th data-field="dr" data-colspan="3" data-align="center" data-valign="middle"&当日&/th&
&th data-field="bz" data-colspan="3" data-align="center" data-valign="middle"&本周&/th&
&th data-field="by" data-colspan="3" data-align="center" data-valign="middle"&本月&/th&
&th data-field="drbq" data-align="center" data-valign="middle"&本期&/th&
&th data-field="drtb" data-align="center" data-valign="middle"&同比&/th&
&th data-field="drhb" data-align="center" data-valign="middle"&环比&/th&
&th data-field="bzbq" data-align="center" data-valign="middle"&本期&/th&
&th data-field="bztb" data-align="center" data-valign="middle"&同比&/th&
&th data-field="bzhb" data-align="center" data-valign="middle"&环比&/th&
&th data-field="bybq" data-align="center" data-valign="middle"&本期&/th&
&th data-field="bytb" data-align="center" data-valign="middle"&同比&/th&
&th data-field="byhb" data-align="center" data-valign="middle"&环比&/th&
&td&来煤量&/td&
&td&21341&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&0.31&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&0.21&/td&
&td&334322&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&1.13&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&4.21&/td&
&td&3125113&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&2.21&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&2.94&/td&
&td&来煤量&/td&
&td&76573&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&4.21&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&1.45&/td&
&td&234534&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&4.35&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&2.75&/td&
&td&44225&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&0.74&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&3.45&/td&
&td&耗煤量&/td&
&td&43363&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&0.31&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&0.21&/td&
&td&32422&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&1.13&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&4.21&/td&
&td&13345&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&2.21&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&2.94&/td&
&td&来煤量&/td&
&td&34624&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&4.35&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&1.23&/td&
&td&452346&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&2.32&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&0.05&/td&
&td&94524&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&2.21&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&2.94&/td&
&td&耗煤量&/td&
&td&21341&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&0.31&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&0.21&/td&
&td&334322&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&1.13&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&4.21&/td&
&td&3125113&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&2.21&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&2.94&/td&
&td&耗煤量&/td&
&td&21341&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&0.31&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&0.21&/td&
&td&334322&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&1.13&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&4.21&/td&
&td&3125113&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&2.21&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&2.94&/td&
&td&耗煤量&/td&
&td&21341&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&0.31&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&0.21&/td&
&td&334322&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&1.13&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&4.21&/td&
&td&3125113&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&2.21&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&2.94&/td&
&td&耗煤量&/td&
&td&21341&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&0.31&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&0.21&/td&
&td&334322&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&1.13&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&4.21&/td&
&td&3125113&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&2.21&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&2.94&/td&
&td&耗煤量&/td&
&td&21341&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&0.31&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&0.21&/td&
&td&334322&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&1.13&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&4.21&/td&
&td&3125113&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&2.21&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&2.94&/td&
&td&耗煤量&/td&
&td&21341&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&0.31&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&0.21&/td&
&td&334322&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&1.13&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&4.21&/td&
&td&3125113&/td&
&td&&i class='glyphicon glyphicon-arrow-down'&&/i&2.21&/td&
&td&&i class='glyphicon glyphicon-arrow-up'&&/i&2.94&/td&
例二：需求，第二个表格后面有个显示进度的自定义单元格，并且第一行要求是做一个合计的统计展示，这两个功能需要用js来设定自定义行列
html代码：
&table data-toggle="table" data-height="268" class="table table-striped table-bordered table-hover" id="tableL02"&
&th data-field="id" data-align="center" data-valign="middle"&序号&/th&
&th data-field="gys" data-align="center" data-valign="middle"&供应商&/th&
&th data-field="pz" data-align="center" data-valign="middle"&品种&/th&
&th data-field="rz" data-align="center" data-valign="middle"&热值&/th&
&th data-field="mj" data-align="center" data-valign="middle"&煤价&/th&
&th data-field="bmdj" data-align="center" data-valign="middle"&标煤单价&/th&
&th data-field="drlm" data-align="center" data-valign="middle"&当日来煤&/th&
&th data-field="ljlm" data-align="center" data-valign="middle"&累计来煤&/th&
&th data-field="yjhl" data-align="center" data-valign="middle"&月计划量&/th&
&th data-field="yjhjd" data-align="center" data-valign="middle" data-formatter="progress"&月计划完成进度&/th&
&td&2&/td&
&td&双欣矿业&/td&
&td&低硫煤&/td&
&td&6686.08&/td&
&td&30000&/td&
&td&22%&/td&
&td&3&/td&
&td&伊泰股份&/td&
&td&工程煤&/td&
&td&51888.72&/td&
&td&70000&/td&
&td&74%&/td&
&td&4&/td&
&td&嘉远公司&/td&
&td&中高硫煤&/td&
&td&20041.86&/td&
&td&90000&/td&
&td&100%&/td&
&td&5&/td&
&td&爱地能源&/td&
&td&低硫煤&/td&
&td&5191.08&/td&
&td&30000&/td&
&td&0%&/td&
&td&6&/td&
&td&恒泰煤炭&/td&
&td&中高硫煤&/td&
&td&18265.56&/td&
&td&0&/td&
&td&22%&/td&
&td&7&/td&
&td&双欣矿业&/td&
&td&低硫煤&/td&
&td&6686.08&/td&
&td&30000&/td&
&td&22%&/td&
&td&8&/td&
&td&双欣矿业&/td&
&td&低硫煤&/td&
&td&6686.08&/td&
&td&30000&/td&
&td&22%&/td&
&td&9&/td&
&td&双欣矿业&/td&
&td&低硫煤&/td&
&td&6686.08&/td&
&td&30000&/td&
&td&22%&/td&
//声明用来统计合计（累计来煤，月计划）的变量
var yjhArr=[];
var ljlmArr=[];
//显示进度条的自定义列
function progress (value,row){
var width=parseInt(row.yjhjd);
var red='#e63737';
var blue='#b6ccf4';
yjhArr.push(row.yjhl);
ljlmArr.push(row.ljlm);
return "&div style='height:20border:1px solid #b6ccf4;'&&span style='display:float:width:"+width+"%;height:100%;background-color:"+&br&　　　　　　　　　　(width&=100?red:blue)+";'&"+value+"&/span&&/div&"
//计算合计数值的方法
function yjhTotal(){
var subyjh=0;
var subljlm=0;
var row=[];
for(var i=0;i&yjhArr.i++){
if(yjhArr[i]==""){
yjhArr[i]=0;
subyjh+=parseFloat(yjhArr[i]);
for(var j=0;j&ljlmArr.j++){
if(ljlmArr[j]==""){
ljlmArr[j]=0;
subljlm+=parseFloat(ljlmArr[j]);
row.push({
gys:'合计',
ljlm:subljlm.toFixed(2),
yjhl:subyjh,
yjhjd:'107%'
return row
分析：自定义行列需要添加data-formatter=‘方法名'，其中progress（）方法中的参数row，会在表格生成行的时候每生成一行就执行一次并将该行的对象传进来。
二：js方式
通过这种方法，可以很方便的为表格设置参数，处理数据方面十分便捷，尤其是设置请求方式和地址时，不过这个项目暂时只是静态页面，有关数据的以后接触在写上来
例一：同上例一
&table class="table table-striped table-bordered table-hover" id="tableL01"&&/table&
//表格插件(表一)开始
$('#tableL01').bootstrapTable({
height:268,
//模拟数据
columns: [[{
align:'center',
valign:'middle',
field: 'lhc',
title: '来耗存',
align:'center',
valign:'middle',
field: 'dr',
title: '当日',
align:'center',
valign:'middle',
field: 'bz',
title: '本周',
align:'center',
valign:'middle',
field: 'by',
title: '本月',
colspan:3}],
align:'center',
valign:'middle',
field: 'drbq',
title: '本期'
align:'center',
valign:'middle',
field: 'drtb',
title: '同比',
formatter:trend
align:'center',
valign:'middle',
field: 'drhb',
title: '环比',
formatter:trend}, {
align:'center',
valign:'middle',
field: 'bzbq',
title: '本期'
align:'center',
valign:'middle',
field: 'bztb',
title: '同比',
formatter:trend
align:'center',
valign:'middle',
field: 'bzhb',
title: '环比',
formatter:trend}, {
align:'center',
valign:'middle',
field: 'bybq',
title: '本期'
align:'center',
valign:'middle',
field: 'bytb',
title: '同比',
formatter:trend},{
align:'center',
valign:'middle',
field: 'byhb',
title: '环比',
formatter:trend
lhc:'来存量',
drbq:'21341',
drtb:'0.21',
drhb:'0.33',
bzbq:'35624',
bztb:'1.62',
bzhb:'3.16',
bybq:'42613',
bytb:'2.78',
byhb:'1.59'
lhc:'来存量',
drbq:'21341',
drtb:'0.21',
drhb:'0.33',
bzbq:'35624',
bztb:'1.62',
bzhb:'3.16',
bybq:'42613',
bytb:'2.78',
byhb:'1.59'
lhc:'来存量',
drbq:'21341',
drtb:'0.21',
drhb:'0.33',
bzbq:'35624',
bztb:'1.62',
bzhb:'3.16',
bybq:'42613',
bytb:'2.78',
byhb:'1.59'
lhc:'来存量',
drbq:'21341',
drtb:'0.21',
drhb:'0.33',
bzbq:'35624',
bztb:'1.62',
bzhb:'3.16',
bybq:'42613',
bytb:'2.78',
byhb:'1.59'
lhc:'来存量',
drbq:'21341',
drtb:'0.21',
drhb:'0.33',
bzbq:'35624',
bztb:'1.62',
bzhb:'3.16',
bybq:'42613',
bytb:'2.78',
byhb:'1.59'
lhc:'来存量',
drbq:'21341',
drtb:'0.21',
drhb:'0.33',
bzbq:'35624',
bztb:'1.62',
bzhb:'3.16',
bybq:'42613',
bytb:'2.78',
byhb:'1.59'
lhc:'来存量',
drbq:'21341',
drtb:'0.21',
drhb:'0.33',
bzbq:'35624',
bztb:'1.62',
bzhb:'3.16',
bybq:'42613',
bytb:'2.78',
byhb:'1.59'
lhc:'来存量',
drbq:'21341',
drtb:'0.21',
drhb:'0.33',
bzbq:'35624',
bztb:'1.62',
bzhb:'3.16',
bybq:'42613',
bytb:'2.78',
byhb:'1.59'
lhc:'来存量',
drbq:'21341',
drtb:'0.21',
drhb:'0.33',
bzbq:'35624',
bztb:'1.62',
bzhb:'3.16',
bybq:'42613',
bytb:'2.78',
byhb:'1.59'
lhc:'来存量',
drbq:'21341',
drtb:'0.21',
drhb:'0.33',
bzbq:'35624',
bztb:'1.62',
bzhb:'3.16',
bybq:'42613',
bytb:'2.78',
byhb:'1.59'
lhc:'来存量',
drbq:'21341',
drtb:'0.21',
drhb:'0.33',
bzbq:'35624',
bztb:'1.62',
bzhb:'3.16',
bybq:'42613',
bytb:'2.78',
byhb:'1.59'
lhc:'来存量',
drbq:'21341',
drtb:'0.21',
drhb:'0.33',
bzbq:'35624',
bztb:'1.62',
bzhb:'3.16',
bybq:'42613',
bytb:'2.78',
byhb:'1.59'
//模拟数据结束
//上下浮动箭头样式添加
function trend(value,row){
var trendIcon=row.id%2===0?'glyphicon glyphicon-arrow-down':'glyphicon glyphicon-arrow-up';
return "&i class='"+trendIcon+"'&&/ i&"+value
//表格插件一结束
分析：$('#tableL01').bootstrapTable（{}）是插件开始的标志，在其中添加表格的参数，然后在data：是表格的数据，而columns中则是设置列参数以及表格数据的地方，其中这个项目有代表性的是表头分为两部分，因此需要在columns中加两个数组【{}】，【{}】。之前都写在一个数组里，而源代码遍历的是columns的length
html相同都是只需要一个带id的table标签即可
//表格插件(表二)开始
//声明用来统计合计（累计来煤，月计划）的变量
var yjhArr=[];
var ljlmArr=[];
$('#tableL02').bootstrapTable({
height:268,
//模拟数据
columns: [{
align:'center',
valign:'middle',
field: 'id',
title: '序号'
align:'center',
valign:'middle',
field: 'gys',
title: '供应商'
align:'center',
valign:'middle',
field: 'pz',
title: '品种'
align:'center',
valign:'middle',
field: 'rz',
title: '热值'
align:'center',
valign:'middle',
field: 'mj',
title: '煤价'
align:'center',
valign:'middle',
field: 'bmdj',
title: '标煤单价'
align:'center',
valign:'middle',
field: 'drlm',
title: '当日来煤'
align:'center',
valign:'middle',
field: 'ljlm',
title: '累计来煤'
align:'center',
valign:'middle',
field: 'yjhl',
title: '月计划量'
align:'center',
valign:'middle',
field: 'yjhjd',
title: '月计划完成进度',
formatter:progress
gys:'双欣矿业',
pz:'低硫煤',
ljlm:'6686.08',
yjhl:'30000',
yjhjd:'22%'
gys:'伊泰股份',
pz:'工程煤',
ljlm:'51888.72',
yjhl:'70000',
yjhjd:'74%'
gys:'嘉远公司',
pz:'中高硫煤',
ljlm:'20041.86',
yjhl:'90000',
yjhjd:'100%'
gys:'爱地能源',
pz:'低硫煤',
ljlm:'5191.08',
yjhjd:'0%'
gys:'恒泰煤炭',
pz:'中高硫煤',
ljlm:'18265.56',
yjhjd:'0%'
gys:'恒泰煤炭',
pz:'中高硫煤',
ljlm:'18265.56',
yjhjd:'0%'
gys:'恒泰煤炭',
pz:'中高硫煤',
ljlm:'18265.56',
yjhjd:'0%'
//模拟数据结束
//显示进度条的自定义列
function progress (value,row){
var width=parseInt(row.yjhjd);
var red='#e63737';
var blue='#b6ccf4';
yjhArr.push(row.yjhl);
ljlmArr.push(row.ljlm);
return "&div style='height:20border:1px solid #b6ccf4;'&&span style='display:float:width:"+width+"%;height:100%;background-color:"+(width&=100?red:blue)+";'&"+value+"&/span&&/div&"
//计算合计数值的方法
function yjhTotal(){
var subyjh=0;
var subljlm=0;
var row=[];
for(var i=0;i&yjhArr.i++){
if(yjhArr[i]==""){
yjhArr[i]=0;
subyjh+=parseFloat(yjhArr[i]);
for(var j=0;j&ljlmArr.j++){
if(ljlmArr[j]==""){
ljlmArr[j]=0;
subljlm+=parseFloat(ljlmArr[j]);
row.push({
gys:'合计',
ljlm:subljlm,
yjhl:subyjh,
yjhjd:'107%'
return row
这个其实和第一种方式差别不大，只不过把自定义列放在数据中设置罢了。比较好理解。而关于其他参数可以参考官网，数据是动态的如何添加网上也有不少例子，只要都放在.bootstrapTable（{}）中就可以了
以上所述是小编给大家介绍的BootStrap table表格插件自适应固定表头(超好用)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具10-2110-2110-2110-2110-2110-2110-2110-2110-2110-21最新范文01-0101-0101-0101-0101-0101-0101-0101-0101-0101-0101-0101-0101-0101-0101-01您所在位置： &
&nbsp&&nbsp&nbsp&&nbsp
[sshjqueryeasyui文档.docx 21页
本文档一共被下载：
次 ,您可全文免费在线阅读后下载本文档。
下载提示
1.本站不保证该用户上传的文档完整性，不预览、不比对内容而直接下载产生的反悔问题本站不予受理。
2.该文档所得收入(下载+内容+预览三)归上传者、原创者。
3.登录后可充值，立即自动返金币，充值渠道很便利
需要金币：210 &&
[sshjqueryeasyui文档
你可能关注的文档：
··········
··········
jquery-easyui实现页面布局和增删改查操作（SSH2框架支持）博客分类：?Jquery框架jQueryjsonCSSJavaScript??前几天心血来潮用jquery-easyui+spring、struts2、hibernate实现了一个系统的一小部分功能，下面给大家分享一下。?首先看运行效果：【图一：登录页】???【图二：页面布局】??【图三：用户编辑层】???【图四：确认弹出框】???准备easyui插件简介在这就不赘述了，大家可以在iteye上找到很多该插件的相关消息。如果页面需要使用easyui插件，需要引进一下js和css（使用的时候需要注意easyui版本依赖的jquery.js版本要对应）：Html代码?&script?type=&text/javascript&?src=&&%=root%&/Web/common/js/jquery-1.4.4.min.js&&&/script&?Html代码?&link?rel=&stylesheet&?type=&text/css&?href=&&%=root%&/Web/common/js/easyui/themes/default/easyui.css&&?&link?rel=&stylesheet&?type=&text/css&?href=&&%=root%&/Web/common/js/easyui/themes/icon.css&&?&script?type=&text/javascript&?src=&&%=root%&/Web/common/js/easyui/js/jquery.easyui.min.js&&&/script&?&script?type=&text/javascript&?src=&&%=root%&/Web/common/js/easyui/js/easyui-lang-zh_CN.js&&&/script&??布局为了让一个主页实现上下左右中的布局方式显示，这里就需要用到easyui一个叫layout的东西，通常有多种方式可以实现布局。①使用js创建layout首先定义一个div，设置region，title等属性（注html是没有region属性的，这是easyui专属属性）?Html代码?&div?id=&cc&?style=&width:600height:400&&??&div?region=&north&?title=&North?Title&?split=&true&?style=&height:100&&&/div&??&div?region=&south&?title=&South?Title&?split=&true&?style=&height:100&&&/div&??&div?region=&east&?iconCls=&icon-reload&?title=&East&?split=&true&?style=&width:100&&&/div&??&div?region=&west&?split=&true&?title=&West&?style=&width:100&&&/div&??&div?region=&center&?title=&center?title&?style=&padding:5background:#&&&/div&?&/div&?然后在js中指定id为cc的div为layout：?Html代码?$('#cc').layout(options);???简单介绍几个
正在加载中，请稍后...&>&jquery-easyui拓展之datagrid复合表头列锁定/解锁和列隐藏/显示
jquery-easyui拓展之datagrid复合表头列锁定/解锁和列隐藏/显示
上传大小：22KB
http://blog.csdn.net/tianxiawudi0720/article/details/
综合评分：4.3（7位用户评分）
所需积分/C币：
下载个数：73
{%username%}回复{%com_username%}{%time%}\
/*点击出现回复框*/
$(".respond_btn").on("click", function (e) {
$(this).parents(".rightLi").children(".respond_box").show();
e.stopPropagation();
$(".cancel_res").on("click", function (e) {
$(this).parents(".res_b").siblings(".res_area").val("");
$(this).parents(".respond_box").hide();
e.stopPropagation();
/*删除评论*/
$(".del_comment_c").on("click", function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_invalid/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parents(".conLi").remove();
alert(data.msg);
$(".res_btn").click(function (e) {
var q = $("#form1").serializeArray();
console.log(q);
var res_area_r = $.trim($(".res_area_r").val());
if (res_area_r == '') {
$(".res_text").css({color: "red"});
$.post("/index.php/comment/do_comment_reply/", q,
function (data) {
if (data.succ == 1) {
var $target,
evt = e || window.
$target = $(evt.target || evt.srcElement);
var $dd = $target.parents('dd');
var $wrapReply = $dd.find('.respond_box');
console.log($wrapReply);
var mess = $(".res_area_r").val();
var str = str.replace(/{%header%}/g, data.header)
.replace(/{%href%}/g, 'http://' + window.location.host + '/user/' + data.username)
.replace(/{%username%}/g, data.username)
.replace(/{%com_username%}/g, _username)
.replace(/{%time%}/g, data.time)
.replace(/{%id%}/g, data.id)
.replace(/{%mess%}/g, mess);
$dd.after(str);
$(".respond_box").hide();
$(".res_area_r").val("");
$(".res_area").val("");
$wrapReply.hide();
alert(data.msg);
}, "json");
/*删除回复*/
$(".rightLi").on("click",'.del_comment_r', function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_comment_del/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parent().parent().parent().parent().parent().remove();
$(e.target).parents('.res_list').remove()
alert(data.msg);
//填充回复
function KeyP(v) {
$(".res_area_r").val($.trim($(".res_area").val()));
评论共有6条
initCoordinate:true
这个属性可以设置放treegrid里同步
要不有点小BUG
这个扩展简直是太好了 解决我的问题了。。。
只给了js没给demo例子 不怎么会用啊
还没有用，需要研究一下。
今天正好用到，好好研究一下，不错的东西
不错，值得学习。
非常好，非常感谢，学习了
审核通过送C币
SoapUI PRO 版本 5.1.2 原始安装包+破解包
创建者：skioi
layui框架模板
创建者：ajlgl
软件设计需求书
创建者：ajlgl
上传者其他资源上传者专辑
开发技术热门标签
VIP会员动态
下载频道用户反馈专区
下载频道积分规则调整V1710.18
开通VIP，海量IT资源任性下载
spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip
CSDN&VIP年卡&4000万程序员的必选
为了良好体验，不建议使用迅雷下载
jquery-easyui拓展之datagrid复合表头列锁定/解锁和列隐藏/显示
会员到期时间：
剩余下载个数：
剩余C币：593
剩余积分：0
为了良好体验，不建议使用迅雷下载
积分不足！
资源所需积分/C币
当前拥有积分
您可以选择
程序员的必选
绿色安全资源
资源所需积分/C币
当前拥有积分
当前拥有C币
(仅够下载10个资源)
全站1200个资源免积分下载
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
全站600个资源免积分下载
资源所需积分/C币
当前拥有积分
当前拥有C币
您的积分不足，将扣除 10 C币
全站1200个资源免积分下载
为了良好体验，不建议使用迅雷下载
你当前的下载分为234。
你还不是VIP会员
开通VIP会员权限，免积分下载
你下载资源过于频繁，请输入验证码
你下载资源过于频繁，请输入验证码
您因违反CSDN下载频道规则而被锁定帐户，如有疑问，请联络:!
若举报审核通过，可奖励20下载分
被举报人：
tianxiawudi0720
举报的资源分：
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题，侵犯个人或公司的版权
*详细原因：
jquery-easyui拓展之datagrid复合表头列锁定/解锁和列隐藏/显示