Jquery 如何使用jqgrid在一列中添加两个标题值
我正在使用jqgrid创建表,对于“colName”,现在每列只显示一个值,是否可以在一列中显示两个值?alsong具有两个值排序功能?请注意下面的截图以供参考,我需要使用jqgrid的此类标题。有可能吗 HTML:Jquery 如何使用jqgrid在一列中添加两个标题值,jquery,jqgrid,Jquery,Jqgrid,我正在使用jqgrid创建表,对于“colName”,现在每列只显示一个值,是否可以在一列中显示两个值?alsong具有两个值排序功能?请注意下面的截图以供参考,我需要使用jqgrid的此类标题。有可能吗 HTML: JS: ![$(“#网格”).jqGrid({ 数据类型:“本地”, 身高:250, colNames:\['Inv No','Thingy','Blank','Number','Status'\], colModel:\[{ 名称:“id”, 索引:“id”, 宽度:60,
JS:
![$(“#网格”).jqGrid({
数据类型:“本地”,
身高:250,
colNames:\['Inv No','Thingy','Blank','Number','Status'\],
colModel:\[{
名称:“id”,
索引:“id”,
宽度:60,
sorttype:“int”},
{
名称:“thingy”,
索引:“thingy”,
宽度:90,
sorttype:“日期”},
{
名称:'空白',
索引:“空白”,
宽度:30},
{
姓名:'号码',
索引:'编号',
宽度:80,
sorttype:“float”},
{
名称:'状态',
索引:“状态”,
宽度:80,
sorttype:“浮点”}
\],
标题:“堆栈溢出示例”,
//ondblClickRow:函数(rowid、iRow、iCol、e){alert('double clicked');}
});
变量名称=\[“id”、“thingy”、“blank”、“number”、“status”\];
var mydata=\[\];
对于(变量i=0;i 对于(var i=0;i选项colNames
包含将放置在列标题中的HTML字符串数组。因此,您可以在字符串中使用
。描述如何在列标题中使用换行。我不想中断或换行,我想在标题中也用res绑定两个字符串一个接一个地查看列中的值……如何实现这一点?@Krish:您在问题中写道“如何在一列中添加两个标题值”并编写了关于colName
的内容。数组colName
与输入数据无关。它只显示列标题中的位置。例如,它可能是图像。因此,我们无法谈论任何类型的“绑定”顺便说一句,你在问题中包含的JavaScript代码与标题图片没有关系,代码本身非常糟糕。我不建议你使用它。
<table id="grid"></table>
![$("#grid").jqGrid({
datatype: "local",
height: 250,
colNames: \['Inv No', 'Thingy', 'Blank', 'Number', 'Status'\],
colModel: \[{
name: 'id',
index: 'id',
width: 60,
sorttype: "int"},
{
name: 'thingy',
index: 'thingy',
width: 90,
sorttype: "date"},
{
name: 'blank',
index: 'blank',
width: 30},
{
name: 'number',
index: 'number',
width: 80,
sorttype: "float"},
{
name: 'status',
index: 'status',
width: 80,
sorttype: "float"}
\],
caption: "Stack Overflow Example",
// ondblClickRow: function(rowid,iRow,iCol,e){alert('double clicked');}
});
var names = \["id", "thingy", "blank", "number", "status"\];
var mydata = \[\];
for (var i = 0; i < data.length; i++) {
mydata\[i\] = {};
for (var j = 0; j < data\[i\].length; j++) {
mydata\[i\]\[names\[j\]\] = data\[i\]\[j\];
}
}
for (var i = 0; i <= mydata.length; i++) {
$("#grid").jqGrid('addRowData', i + 1, mydata\[i\]);
}
/*
$("#grid").jqGrid('setGridParam', {onSelectRow: function(rowid,iRow,iCol,e){alert('row clicked');}});
*/
$("#grid").jqGrid('setGridParam', {ondblClickRow: function(rowid,iRow,iCol,e){alert('double clicked');}});][1]