Datatable尋呼機寬度

我有Webix一個巨大的數據集和尋呼機的數據表。一切都很好，除了一個問題：尋呼機項目的寬度是固定的，所以大數字（例如1001）不可見。有什麼辦法可以解決這個問題嗎？下面是一個例子：Datatable尋呼機寬度

var data = []; 
for (var i = 1; i < 1011; i++) 
    data.push({ id:i, package:"Some #"+i, section:i, size:i, architecture:i });                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               

var grida = webix.ui({ 
    container:"testA", 
    view:"datatable", 
    columns:[ 
     { id:"package", header:"Name",   width:200 }, 
     { id:"section", header:"Section",  width:120 }, 
     { id:"size", header:"Size" ,   width:80 }, 
     { id:"architecture", header:"PC", width:60 } 
    ], 
    select:"cell", 
    autowidth:true, 
    autoheight:true, 
    pager:{ 
     template:"{common.first()} {common.prev()} {common.pages()} {common.next()} {common.last()}", 
     container:"paging_here", 
     size:1, 
     group:5 
    }, 
    data:data 
});

http://webix.com/snippet/fdb4d9e0

來源

2016-02-15 rannat

似乎有不爲這方面的任何「原生」的解決方案。注入的尋呼機容器寬度設置爲auto/100％，並且似乎插入時未對其所服務的視圖進行任何調整;分頁按鈕具有固定大小，也不考慮視圖。我已經找到了這一問題的方法是要麼調整按鈕

pager:{ 
    template:"{common.first()} {common.prev()} {common.pages()} {common.next()} {common.last()}", 
    container:"paging_here", 
    size:1, 
    group:5 //set the desired number of buttons here 
},

或調整CSS的按鈕，在這裏給他們增加等於保證金的例子的數量，但你也可以改變的寬度/尺寸尋呼機按鈕

.webix_pager_item { 
    margin-left: 15px; 
} 
.webix_pager_item_selected { 
    margin-left: 15px; 
}

查看webix docs for paging。在返回的對象（如grida）沒有「祕密」分頁相關的方法，也不是你可以操縱的文字。

來源

2016-02-16 07:18:12 davidkonrad

感謝您的提示。經過一番嘗試，我發現了另一種解決方案： '.webix_pager_item，.webix_pager_item_selected {0} {0} {0} {0}寬度：45px！重要; }' – rannat

@rannat，太好了！這是我想到的這樣的東西，不知道你可以做出什麼樣的CSS調整，因爲我不知道你的觀點與大數字看起來像。 – davidkonrad

Datatable尋呼機寬度

回答

相關問題