EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: cranaff on December 15, 2019, 11:46:31 PM

Title: How to display frozen columns both on left and right sides of DataGrid?
Post by: cranaff 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.

Title: Re: How to display frozen columns both on left and right sides of DataGrid?
Post by: stworthy on December 18, 2019, 01:07:11 AM

The frozen columns can only be displayed on either left side or right side.

Title: Re: How to display frozen columns both on left and right sides of DataGrid?
Post by: cranaff on January 06, 2020, 07:22:28 PM

Thank you stworthy :)

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.

Title: Re: How to display frozen columns both on left and right sides of DataGrid?
Post by: stworthy 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>