EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: jega on February 24, 2022, 05:38:37 AM

Title: [SOLVED]Table inside datagrid cell
Post by: jega on February 24, 2022, 05:38:37 AM

Hi.

Trying to put a formatted table inside a cell in datagrid.

<th data-options="field:'timestamps',width:'300px',formatter:formatTimestamps">Kopiering</th>

   function formatTimestamps(val,row){
      var res = '<table>'+val+'</table>'
      return res;
   }

But there is some border. See attachment

How can i put it without these borders

Title: Re: Table inside datagrid cell
Post by: jarry on February 27, 2022, 11:28:38 PM

Assign a class to the <table> and then define the <td> element with no border.

Code:

var res = '<table class="mt">'+val+'</table>'
return res;

Code:

<style type="text/css">
    .mt td{
        border:0;
    }
</style>

Title: Re: Table inside datagrid cell
Post by: jega on February 28, 2022, 06:28:02 AM

Arh. Yes, of course.

Thanks Jarry