Add a button to data grid 2 column list (Eye icon)

I see a lot of Mendix developers struggles with some cool feature requests in UI.

There are a lot of things you can do in UI with JQuery and javaScript.

For example:

1. If you wanted to select some UI elements on clicking on a button.

2. You need to add a button in a pre-built component.

Here I'm just giving a JQuery snippet that can inject a button to data grid 2 column list (Eye icon)

$(document).on('click', '.custom-content-table .column-selector-button', function() { let path = "//button[text()='Inject Default']"; document.evaluate(path, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue.click();});

What this Jqeury does:

Whenever a click happens to 'column-selector-button', inject a button that has a text: 'Inject Default' to the first row of the list.