Applyin data table to kintone

Im trying to apply this  https://datatables.net/ to my app, but it is not working.

Error: Uncaught TypeError: Can not read property ‘mData’ of undefined

hmmm

Could you show me the your sample code?

jQuery.noConflict();
(function($) {
“use strict”;

kintone.events.on(‘app.record.index.show’, function(events) {
$(document).ready( function () {
setTimeout(function(){
$(‘.recordlist-manually-adjusted-gaia’).DataTable();
},2000);
});
});

})(jQuery);

.recordlist-manually-adjusted-gaia is the table class name

Thanks. I’ll check it out later.

Thank you.

It seems to be working on my app.

Could you give me the your html code customize index view. and any relevant code if you have.

 

what i want is to apply it on the table on index view

I guess it is caused by another code.

Could you show me the all of code?

it is working in your app? using this table?

it is working in your app? using that table?

error

code

I guess… your html code has not satisfied the requirements of the table.

Please make sure below

1.  <thead> and <tbody> are included in <table>
2.  <thead> and <tbody> are the same number of columns

I already check that and it has thead and tbody and it has the same number of columns. It is working if you create your own table but if you use the default table in kintone it is not. Did you try it and apply to the default table? It is working? Thankyou.

Ah, I understood. I thought you want to use Datatables in customized index view.

 

Maybe, We can’t use that in a default view.
If you want to use Datatables, it requires a customized index view like this 

https://developer.cybozu.io/hc/ja/community/posts/115000353283–%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%81%AE%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%83%BC%E3%82%92%E5%88%A9%E7%94%A8%E3%81%97%E3%81%A6%E8%A1%A8%E7%A4%BA%E3%81%97%E3%81%9F%E3%81%84

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。