Three tables with three custom renderers

Getting help Questions
1

I have three tables on a page. Each table is in a separate bootstrap tab. Each table has an ACTION column with a button that is designed to trigger a JS script when it is clicked. This is all working well except I now have an issue were one of the tables is not using the renderer it should, it is using the render from another table.

Here’s a fiddle to show this should work http://jsfiddle.net/dgdavidson/6s2emwg8/3/

Only the linkBaseItemActionRenderer is being used in both second and third table.

Any thoughts on what could be causing this?

The renderers look like this

// set up a renderer to show the action button to link to a comparison item
Handsontable.renderers.registerRenderer('linkBaseItemActionRenderer', linkBaseItemActionRenderer);
function linkBaseItemActionRenderer(instance, td, row, col, prop, value, cellProperties) {
    td.innerHTML = '<i class="fas fa-link link-tool text-center" onclick="baseNoMatchAction(' + row + ')" title="Link this to a comparison item"></i>BASE';
}
// set up a renderer to show the action button to link to a base item
Handsontable.renderers.registerRenderer('linkCompItemActionRenderer', linkCompItemActionRenderer);
function linkCompItemActionRenderer(instance, td, row, col, prop, value, cellProperties) {
    td.innerHTML = '<i class="fas fa-link link-tool text-center" onclick="compNoMatchAction(' + row + ')" title="Link this to a base item">COMP</i>';
}

This is what the column definitions look like

renderer: "linkCompItemActionRenderer"
renderer: "linkBaseItemActionRenderer"
2

Hey @sports.racer

Can you tell me what should be visible (rendered), in the editor and what’s the logic for the script

trigger a JS script when it is clicked

I don’t see logic for baseNoMatchAction.

3

It’s the onclick.

onclick="baseNoMatchAction(' + row + ')"
onclick="compNoMatchAction(' + row + ')"

There are three tables, a matched, base and comp. There are three renderers. If click on the icon, a JS action is triggered. The matched and base tables are working but the comp table is using the base tables renderer. I have changed this to a mouse click event and I can use it this way but am curious why the third table is not using the correct renderer.

4

Sorry for keeping you waiting @sports.racer

a took an approach to fix the example but it exceeds my capabilities. If you own an Extended Support I can schedule a code review for you.

5

Thanks for looking into this. I built a mouse click event and that’s working. I think we can close this. Thanks again.

6

Thank you for the update.