EasyUI Forum

General Category => General Discussion => Topic started by: chorauoc on May 06, 2017, 08:21:25 AM



Title: Use bootstrap with easyui
Post by: chorauoc on May 06, 2017, 08:21:25 AM
Hello,

I need to use bootstrap css and js functions with easyui and i have search here and admin suggested that we use bootstrap css and js before easyui css and js , but when i do that none of css styles apply to the data-grid or any other components , so is this a bug or easyui not compatible with bootstrap?.

Finally i have used easyui with w3 css and it working fine but in there also data-grid cannot be style using classes, why is that? Is there special way to style the data-grid

Means when i used class="easyui-datagrid w3-table-all" ---not working
also class="easyui-datagrid table table-condensed" --not working

Please help me  :( :(


Title: Re: Use bootstrap with easyui
Post by: stworthy on May 06, 2017, 09:40:07 PM
If you want to apply a class on the datagrid, please set the 'cls' property correctly.
Code:
<table class="easyui-datagrid" data-options="cls:'w3-table-all'">
...
</table>


Title: Re: Use bootstrap with easyui
Post by: chorauoc on May 06, 2017, 10:43:43 PM
Opps I never noticed that, I will try it out, thanks for the help, really appreciate it