第一列在jqgrid中显示为空

时间:2014-04-10 09:50:42

标签: jqgrid

我做了一个jqgrid。问题是,当我加载那个网格时,默认情况下第一行是空的。我不想要那个空行...而且我也想将复选框列的宽度设置为其标题&#34 ;删除" gridComplete: function() { //alert(); jQuery("#udlGrid_cb").css("width","35px"); jQuery("#udlGrid tbody tr").children().first("td").css("width","40px"); } enter image description here

jQuery("#udlGrid").jqGrid({
        caption: "Subscriber UDLs",
        height: 500,
        width: 1225,
        shrinkToFit: true,
        datatype: "local",
        rownumbers: true,
        viewrecords: true,
        //rowNum: 10,
        rowList:[50, 100, 150, 200],
        gridview: true,
        //loadtext: "Loading...",
       pager: "#pager",
        multiselect: true,
        loadonce: true,
        colNames: colHeaderArray,
        colModel: colModelArray,
        data: colDataArray,
        cellEdit: true,
        cellsubmit: 'clientArray',
        sortable: true,
         gridComplete: function() {
                      //alert();
                      jQuery("#udlGrid_cb").css("width","35px");
                      jQuery("#udlGrid tbody tr").children().first("td").css("width","40px");
                      }
    });
    jQuery("#udlGrid").jqGrid("setLabel", "cb", "Delete");
    jQuery('#udlGrid').jqGrid('setGridParam', {data: colDataArray}).trigger("reloadGrid",[{current: true}]);...this delete and below checkboxes are coming by default

3 个答案:

答案 0 :(得分:1)

要设置多选列的宽度,您应使用multiselectWidth列。它的默认值为20.要获得40px,您可以使用multiselectWidth: 40并删除当前的gridComplete。顺便提一下,我建议不要使用gridComplete。我建议您阅读the answer了解更多详情。

为了帮助您获得第一个空行,您应该包含用于填充网格的数据,并且应该包含更多完整代码,其中显示如何创建jqGrid (使用哪些选项)。

答案 1 :(得分:0)

分享你用来创建jqgrid的基本代码, 你可以按如下方式设置宽度:

{ name: 'Criteria', index: 'Criteria', width: 40, align: 'Center'},

答案 2 :(得分:0)

使用Css使jqgrid的第一行不可见

   #body .jqgfirstrow{display:none;}//inspect element for the class

初始化期间设置宽度

   { name: 'Delete', index: 'Delete', width: 50px, align: 'Center'},