EasyUI Forum
May 13, 2024, 05:21:14 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: How to display frozen columns both on left and right sides of DataGrid?  (Read 4064 times)
cranaff
Newbie
*
Posts: 2


View Profile Email
« on: December 15, 2019, 11:46:31 PM »

Hi there,

I want to display frozen columns on both sides of the DataGrid. It seems this feature has been implemented in the Angular/Vue/React version of EasyUI but not in the jQuery version.

How can I achieve this in the jQuery version?

Thanks for your help.
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: December 18, 2019, 01:07:11 AM »

The frozen columns can only be displayed on either left side or right side.
Logged
cranaff
Newbie
*
Posts: 2


View Profile Email
« Reply #2 on: January 06, 2020, 07:22:28 PM »

Thank you stworthy Smiley

I can make the columns frozen on the left side. But what should I do to make them frozen on the right side?

It does not work using the following code:
Code:
<thead data-options="frozen:true,align:'right'">...

And there seems to be no straight way to make it work as per the documentation.
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #3 on: January 09, 2020, 12:44:26 AM »

Please overwrite these css styles to display the frozen columns on the right side.
Code:
<style type="text/css">
.datagrid-view1{
left: auto;
right: 0;
}
.datagrid-view2{
left: 0;
right: auto;
}
</style>
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!