How to hide extjs grid column separator? -
i hide last column separator extjs grid.
is there way it?
you can add flex:1
last column in grid stretch remaining distance left in grid then.
here's simple example:
ext.define('app.view.examplegrid', { extend: 'ext.grid.panel', xtype: 'examplegrid', store: mystore, columns: [ { header: 'field 1', dataindex: 'field1' }, { header: 'field 2', dataindex: 'field2' ,flex:1}, ] });
edit 1:
to remove line can override style border-width
, create custom css file , add following (be sure include stylesheet in index.html):
.removeline { border-width:0px !important; }
then, set cls
property of last column:
columns: [{ header: 'column out override', dataindex: 'column1' }, { header: 'column override', dataindex: 'column2', cls:'removeline' }]
here fiddle demonstrating example
Comments
Post a Comment