# Applyin data table to kintone

**URL:** <https://community.cybozu.dev/t/topic/2945>\
**Category:** kintone 開発相談\
**Created:** [2018 年 3 月 22 日午前 12:53 UTC](https://community.cybozu.dev/t/topic/2945 "2018-03-22T00:53:34Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2045](https://avatars.discourse-cdn.com/v4/letter/l/96bed5/32.png) [@Legacy\_Account2045](https://community.cybozu.dev/u/Legacy_Account2045)\
**Post date:** [2018 年 3 月 22 日午前 12:53 UTC](https://community.cybozu.dev/t/topic/2945/1 "2018-03-22T00:53:34Z")

</div>

Im trying to apply this&nbsp; [https://datatables.net/](https://datatables.net/) to my app, but it is not working.

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

---

<div class="post-metadata">

**Author:** ![Legacy\_Account63](https://avatars.discourse-cdn.com/v4/letter/l/6de8d8/32.png) [@Legacy\_Account63](https://community.cybozu.dev/u/Legacy_Account63)\
**Post date:** [2018 年 3 月 23 日午前 6:25 UTC](https://community.cybozu.dev/t/topic/2945/2 "2018-03-23T06:25:56Z")

</div>

hmmm

Could you show me the your sample code?

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2045](https://avatars.discourse-cdn.com/v4/letter/l/96bed5/32.png) [@Legacy\_Account2045](https://community.cybozu.dev/u/Legacy_Account2045)\
**Post date:** [2018 年 3 月 23 日午前 10:08 UTC](https://community.cybozu.dev/t/topic/2945/3 "2018-03-23T10:08:41Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Legacy\_Account63](https://avatars.discourse-cdn.com/v4/letter/l/6de8d8/32.png) [@Legacy\_Account63](https://community.cybozu.dev/u/Legacy_Account63)\
**Post date:** [2018 年 3 月 23 日午前 10:11 UTC](https://community.cybozu.dev/t/topic/2945/4 "2018-03-23T10:11:54Z")

</div>

Thanks. I’ll check it out later.

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2045](https://avatars.discourse-cdn.com/v4/letter/l/96bed5/32.png) [@Legacy\_Account2045](https://community.cybozu.dev/u/Legacy_Account2045)\
**Post date:** [2018 年 3 月 23 日午前 10:12 UTC](https://community.cybozu.dev/t/topic/2945/5 "2018-03-23T10:12:40Z")

</div>

Thank you.

---

<div class="post-metadata">

**Author:** ![Legacy\_Account63](https://avatars.discourse-cdn.com/v4/letter/l/6de8d8/32.png) [@Legacy\_Account63](https://community.cybozu.dev/u/Legacy_Account63)\
**Post date:** [2018 年 3 月 24 日午前 2:41 UTC](https://community.cybozu.dev/t/topic/2945/6 "2018-03-24T02:41:37Z")

</div>

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.

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2045](https://avatars.discourse-cdn.com/v4/letter/l/96bed5/32.png) [@Legacy\_Account2045](https://community.cybozu.dev/u/Legacy_Account2045)\
**Post date:** [2018 年 3 月 24 日午前 4:11 UTC](https://community.cybozu.dev/t/topic/2945/7 "2018-03-24T04:11:40Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Legacy\_Account63](https://avatars.discourse-cdn.com/v4/letter/l/6de8d8/32.png) [@Legacy\_Account63](https://community.cybozu.dev/u/Legacy_Account63)\
**Post date:** [2018 年 3 月 27 日午前 9:19 UTC](https://community.cybozu.dev/t/topic/2945/8 "2018-03-27T09:19:56Z")

</div>

I guess it is caused by another code.

Could you show me the all of code?

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2045](https://avatars.discourse-cdn.com/v4/letter/l/96bed5/32.png) [@Legacy\_Account2045](https://community.cybozu.dev/u/Legacy_Account2045)\
**Post date:** [2018 年 3 月 28 日午前 2:18 UTC](https://community.cybozu.dev/t/topic/2945/9 "2018-03-28T02:18:41Z")

</div>

it is working in your app? using this table?

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2045](https://avatars.discourse-cdn.com/v4/letter/l/96bed5/32.png) [@Legacy\_Account2045](https://community.cybozu.dev/u/Legacy_Account2045)\
**Post date:** [2018 年 3 月 29 日午前 1:33 UTC](https://community.cybozu.dev/t/topic/2945/10 "2018-03-29T01:33:35Z")

</div>

it is working in your app? using that table?

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2045](https://avatars.discourse-cdn.com/v4/letter/l/96bed5/32.png) [@Legacy\_Account2045](https://community.cybozu.dev/u/Legacy_Account2045)\
**Post date:** [2018 年 3 月 29 日午前 1:46 UTC](https://community.cybozu.dev/t/topic/2945/11 "2018-03-29T01:46:39Z")

</div>

error

code

---

<div class="post-metadata">

**Author:** ![Legacy\_Account63](https://avatars.discourse-cdn.com/v4/letter/l/6de8d8/32.png) [@Legacy\_Account63](https://community.cybozu.dev/u/Legacy_Account63)\
**Post date:** [2018 年 3 月 30 日午前 12:33 UTC](https://community.cybozu.dev/t/topic/2945/12 "2018-03-30T00:33:26Z")

</div>

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

Please make sure below

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

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2045](https://avatars.discourse-cdn.com/v4/letter/l/96bed5/32.png) [@Legacy\_Account2045](https://community.cybozu.dev/u/Legacy_Account2045)\
**Post date:** [2018 年 3 月 30 日午前 1:53 UTC](https://community.cybozu.dev/t/topic/2945/13 "2018-03-30T01:53:13Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2045](https://avatars.discourse-cdn.com/v4/letter/l/96bed5/32.png) [@Legacy\_Account2045](https://community.cybozu.dev/u/Legacy_Account2045)\
**Post date:** [2018 年 3 月 30 日午前 2:01 UTC](https://community.cybozu.dev/t/topic/2945/14 "2018-03-30T02:01:02Z")

</div>



---

<div class="post-metadata">

**Author:** ![Legacy\_Account63](https://avatars.discourse-cdn.com/v4/letter/l/6de8d8/32.png) [@Legacy\_Account63](https://community.cybozu.dev/u/Legacy_Account63)\
**Post date:** [2018 年 3 月 30 日午前 3:02 UTC](https://community.cybozu.dev/t/topic/2945/15 "2018-03-30T03:02:05Z")

</div>

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

&nbsp;

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

[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](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)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2025 年 5 月 28 日午前 1:14 UTC](https://community.cybozu.dev/t/topic/2945/16 "2025-05-28T01:14:32Z")

</div>

クローズされました: 2025 年 5 月 28 日午前 1:14 UTC

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