EasyUI Forum
March 28, 2024, 11:57:42 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Height inconsistency with frozen columns in easyui for vue  (Read 8947 times)
gavin_liu
Newbie
*
Posts: 4


View Profile Email
« 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


冻结列所在行的行高是一致的,另外一部分高度则变得不同。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?感谢帮助解答
Logged
jarry
Administrator
Hero Member
*****
Posts: 2260


View Profile Email
« Reply #1 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>
Logged
gavin_liu
Newbie
*
Posts: 4


View Profile Email
« Reply #2 on: September 19, 2019, 07:28:22 PM »

Logged
gavin_liu
Newbie
*
Posts: 4


View Profile Email
« Reply #3 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
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!