EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Lambert on January 21, 2014, 10:26:01 AM

Title: datagrid
Post by: Lambert on January 21, 2014, 10:26:01 AM

Hi,

How do I remove all of the columns from a datagrid including the headers?

Title: Re: datagrid
Post by: stworthy on January 21, 2014, 07:13:52 PM

Why to remove all columns? If no columns are defined, there are no rows to display in datagrid.

Title: Re: datagrid
Post by: Lambert on January 22, 2014, 02:25:04 AM

Hi
Please let me explain.

Basically I just want to refresh the data grid including the column headers.

I need to remove all of the columns because I’m designing an interface that allows the user to create a MySQL database. They can then add and remove columns where required. At the moment I I’m just reloading the page but this does not look too good.

thanks

Title: Re: datagrid
Post by: stworthy on January 23, 2014, 12:11:39 AM

Try this to display a datagrid with no columns.

Code:

$('#dg').datagrid({
  columns:[[]]
});

Please refer to this tutorial http://www.jeasyui.com/tutorial/datagrid/datagrid6.php to learn how to dynamic create datagrid columns.