EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Pierre on June 23, 2017, 06:03:40 AM

Title: Table inside DIV not work
Post by: Pierre on June 23, 2017, 06:03:40 AM

Hello
I have this code:

Code:

<div>
    <table id="dg" data-options="header:'#hh',fit:true,fitColumns:true,scrollbarSize:0">  
        <thead>  
            <tr>  
                <th data-options="field:'itemid',width:80">Item ID</th>                              
                <th data-options="field:'productid',width:100">Product</th>  
            </tr>
        </thead>  
    </table>
    <div id="hh">
    	<div class="m-toolbar">
    		<div class="m-title">Basic DataGrid</div>
    	</div>
    </div>
<div>

and table is not displayed.
If I remove DIV tag then it works.
How to display table inside DIV?
Thank you.

Title: Re: Table inside DIV not work
Post by: stworthy on June 23, 2017, 06:42:48 AM

Try to call 'resize' method if the datagrid doesn't display properly.

Title: Re: Table inside DIV not work
Post by: Pierre on June 23, 2017, 11:40:11 AM

It looks like it is in conflict with other CSS using "table" ...
What I try to do is responsive app where I need mobile sidebar and table component (I managed table from your Mobile component + some other code you previously sent for authohide columns .. :)
Now I need to see how to continue because today's requests are some "all in one" aplications, usable on mobile and desktop..