easy ui xls php,javascript - easy ui表格显示不全

js代码

$('#list_data').datagrid({

title:'应用系统列表',

iconCls:'icon-edit',//图标

width: 700,

height: 'auto',

nowrap: false,

striped: true,

border: true,

collapsible:false,//是否可折叠的

fit: true,//自动大小

data: [

{code:'value11', name:'value12', price:'$123'},

{code:'value11', name:'value12', price:'$123'},

{code:'value11', name:'value12', price:'$123'},

{code:'value11', name:'value12', price:'$123'},

{code:'value11', name:'value12', price:'$123'},

{code:'value11', name:'value12', price:'$123'},

{code:'value11', name:'value12', price:'$123'},

{code:'value11', name:'value12', price:'$123'},

{code:'value11', name:'value12', price:'$123'},

{code:'value11', name:'value12', price:'$123'},

{code:'value11', name:'value12', price:'$123'}

],

onLoadSuccess:function(data){

if(data.total==0){

var dc = $(this).data('datagrid').dc;

var header2Row = dc.header2.find('tr.datagrid-header-row');

dc.body2.find('table').append(header2Row.clone().css({"visibility":"hidden"}));

}

},

columns:[[

{field:'code',title:'Code',width:100},

{field:'name',title:'Name',width:100},

{field:'price',title:'Price',width:100,align:'right'}

]],

//sortName: 'code',

//sortOrder: 'desc',

remoteSort:false,

idField:'fldId',

singleSelect:false,//是否单选

pagination:true,//分页控件

rownumbers:true,//行号

frozenColumns:[[

{field:'ck',checkbox:true}

]],

toolbar: [{

text: '添加',

iconCls: 'icon-add',

handler: function() {

openDialog("add_dialog","add");

}

}, '-', {

text: '修改',

iconCls: 'icon-edit',

handler: function() {

openDialog("add_dialog","edit");

}

}, '-',{

text: '删除',

iconCls: 'icon-remove',

handler: function(){

delAppInfo();

}

}],

});

//设置分页控件

var p = $('#list_data').datagrid('getPager');

$(p).pagination({

pageSize: 10,//每页显示的记录条数，默认为10

pageList: [5,10,15],//可以设置每页记录条数的列表

beforePageText: '第',//页数文本框前显示的汉字

afterPageText: '页 共 {pages} 页',

displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录',

/*onBeforeRefresh:function(){

$(this).pagination('loading');

alert('before refresh');

$(this).pagination('loaded');

}*/

});

html代码

显示样式