Print Page - Height inconsistency with frozen columns in easyui for vue

Title: Height inconsistency with frozen columns in easyui for vue
Post by: gavin_liu on June 19, 2019, 02:59:59 AM

when the lines of content is not equel,The row height corresponding to the frozen column will be inconsistent。as follow:

https://photos.app.goo.gl/vtWA8VMgKoB2E2yD6
(https://photos.app.goo.gl/vtWA8VMgKoB2E2yD6)

冻结列所在行的行高是一致的，另外一部分高度则变得不同。use css

Code:

.datagrid-cell{
  overflow-wrap: break-word;
    white-space: pre-line;
}

What should I do to fix this bug，or other settings that can achieve the same height？感谢帮助解答

Title: Re: Height inconsistency with frozen columns in easyui for vue
Post by: jarry on July 08, 2019, 07:03:53 PM

Please try to define a hidden column with multiple lines in the un-frozen columns.

Code:

<DataGrid :data="data" style="width:600px;height:250px">
  <GridColumn field="itemid" title="Item ID" :frozen="true"></GridColumn>
  <GridColumn field="name" title="Name" :frozen="true"></GridColumn>
  <GridColumn field="name" title="" :cellCss="{visibility:'hidden'}"></GridColumn>
  <GridColumn field="listprice" title="List Price" align="right" width="100"></GridColumn>
  <GridColumn field="unitcost" title="Unit Cost" align="right" width="100"></GridColumn>
  <GridColumn field="attr" title="Attribute" width="200"></GridColumn>
  <GridColumn field="status" title="Status" width="100"></GridColumn>
</DataGrid>

Title: Re: Height inconsistency with frozen columns in easyui for vue
Post by: gavin_liu on September 19, 2019, 07:28:22 PM

(http://)

Title: Re: Height inconsistency with frozen columns in easyui for vue
Post by: gavin_liu on September 19, 2019, 07:47:30 PM

As Attachment.that Define a hidden column with multiple lines in the un-frozen columns only make the first line height consistent,the other will become strange.If I cancel `white-space: pre-line;` style,All is ok unless break line.
If i use `white-space: pre;` style,the line height will occur a little inconsistent

EasyUI Forum

General Category => EasyUI for Vue => Topic started by: gavin_liu on June 19, 2019, 02:59:59 AM