/* Create two equal columns that floats next to each other */
/* Should be removed. Only for demonstration */
/* Clear floats after the columns */
I think the issue was by ths following , There are two issues with your code that i can identify. The first is that you are creating all the tables on the same table variable (ie the second table is replacing the first table on the same variable), while this wont stop the tables working it is bad practice and also it means there is no way to call any functions on them after they have been created, which brings me onto my second point.
var table = Tabulator.prototype.findTable("#example-table")
it helps some times You would need to update the column definition for the affected column, this can either be done on the table using the updateColumnDefinition function and specifying the field of the column: