JQuery是一個輕量級的Javascript庫,是Web開發(fā)中最流行的Javascript庫之一。其中,JQGrid是一款非常優(yōu)秀的表格插件。在使用過程中,我們往往需要設置行高度,具體操作如下:
jQuery("#grid").jqGrid({ url: 'data.xml', datatype: "xml", colNames:['Name','Amount','Tax','Total'], colModel:[ {name:'name',index:'name', width:150}, {name:'amount',index:'amount', width:100}, {name:'tax',index:'tax', width:100}, {name:'total',index:'total', width:100, align:"right"} ], rowNum:10, rowList:[10,20,30], pager: '#pager', sortname: 'name', viewrecords: true, sortorder: "desc", caption:"Example" }); //設置行高度為30px,單位可以根據(jù)需要自定義 jQuery("#grid").jqGrid('setGridHeight',30);
在上述代碼中,我們使用了JQGrid插件創(chuàng)建了一張表格,其中設置了4個列,通過設置JQGrid插件的“setGridHeight”方法設置了行高為30px。通過上述操作,我們就可以非常方便地設置表格中的行高度。