EasyUI Forum

Hi, There are questions

This is my source.

<table id="airline" class="easyui-datagrid" title="Airline" style=" width:1550px; height:auto "
data-options="singleSelect: true, toolbar: '#functionS', method: 'post', onClickCell: onClickCell, onEndEdit: onEndEdit,
fitColumns: true, autoRowHeight: true, nowrap:false">

<thead>
      <tr>
             <th rowspan="2" data-options="field:'column1', width:200, align:'center', editor:{type:'text'} ">column1</th>
             <th rowspan="2" data-options="field:'column2', width:200, align:'center', editor:{type:'text'} ">column2</th>
             <th rowspan="2" data-options="field:'column3', width:199, align:'center', editor:{type:'text'} ">column3</th>
             <th rowspan="2" data-options="field:'column4', width:199, align:'center', editor:{type:'text'} ">column4</th>
      </tr>
</thead>

</table>

I declare fitColumns: true to remove horizontal scrolling when outputting data to the datagrid.

There is a blank space in the red box in the picture file I attached. Even when outputting the data, the space does not disappear but is outputted in the same way.

fitColumns: true Deleting true causes scroll bars on horizontal lines

I want to get rid of that space.

Is there a way to remove it?

Please try to set the 'scrollbarSize' property to 0.

Thank you so much, have a nice day :)