CODEWITHSUNDEEP
jqueryjquery-jtable
Briskstar Technologies
Briskstar Technologies

Reputation: 2253

jTable jQuery - Change delete icon

Is there any way to change delete icon in inbuilt jquery list? I tried searching in documentation but not able to find.

I have list and sublist in jtable and want to change subgrid delete icon to another icon.

Upvotes: 1

Views: 1387

Answers (2)

Seth Winters
Seth Winters

Reputation: 76

I don't know if this helps, but I sometime use my own delete column that calls a JavaScript function delete. I can also use any image src I want, or I could use a button as well.

delete:{
   width: '.5%',
   display: function(data){
        return '<img src="..." onClick="delete(' + data.record.id + ')/>';
   }
}

Upvotes: 0

Nicolas R
Nicolas R

Reputation: 14619

The delete icon in jTable (jQuery, not java) is set with CSS. See for example the jtable_basic.css file which is containing the following lines:

div.jtable-main-container table.jtable tbody > tr > td .jtable-delete-command-button {
  background: url('delete.png') no-repeat;
  width: 16px;
  height: 16px;
}

So change the background in the css file you use for your jTable.

Upvotes: 2

Related Questions