Print Page - TreeGrid: expand frozen columns and slider problems

Title: TreeGrid: expand frozen columns and slider problems
Post by: Sapphire on October 20, 2015, 04:34:19 AM

Hello,

If have the problems with frozen columns that sometimes the slidebar on the right side from the treegrid are nor visible when i expand some rows.

I try to upload pictures to show you what i mean but i got allways an error

The upload folder is full. Please try a smaller file and/or contact an administrator.

Title: Re: TreeGrid: expand frozen columns and slider problems
Post by: jarry on October 20, 2015, 05:17:22 PM

Please provide an example to demonstrate your issue.

Title: Re: TreeGrid: expand frozen columns and slider problems
Post by: Sapphire on October 21, 2015, 12:03:59 AM

take the example from here http://www.jeasyui.com/tutorial/tree/treegrid1.php (Create a Basic TreeGrid, easyui-treegrid1-demo.zip)

Change one line in the treegrid1_demo.html

<thead frozen="true">

and expand the MySQL Node. After you expand the MySQL Node there is nor slider on the TreeGrid.

Without the change in the html file you have the slider after expand MySQL.

Title: Re: TreeGrid: expand frozen columns and slider problems
Post by: jarry on October 21, 2015, 01:39:35 AM

You can not change all the columns to be frozen. At least one column must be defined in the 'columns'.

Title: Re: TreeGrid: expand frozen columns and slider problems
Post by: Sapphire on October 21, 2015, 02:18:04 AM

is it the same "problem" if i hide all non frozen columns?

Code:

<body onload="test1();">
	<h1>TreeGrid</h1>
	
	<table id="test" title="Folder Browser" class="easyui-treegrid" style="width:400px;height:300px"
			url="data/treegrid_data.json"
			rownumbers="true"
			idField="id" treeField="name">
		<thead frozen="true">
			<tr>
				<th field="name" width="160">Name</th>
				<th field="size" width="60" align="right">Size</th>
			</tr>
		</thead>
		<thead>
			<tr>
				<th field="date" width="100">Modified Date</th>
			</tr>
		</thead>
	</table>
	<script>function test1() {$('#test').treegrid('hideColumn', 'date');$('#test').treegrid('resize');}</script>
</body>

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Sapphire on October 20, 2015, 04:34:19 AM