DataTablesとは？JavaScript Table Library

ページ内ナビ

概要

DataTables 3.1.3のsource repositoryは、HTML tableをenhanceするDataTables本体の未build sourceを管理します。paging、ordering、search、scrollと広いAPI surfaceを持ち、実利用時はdownload builder、CDN、またはdatatables.net distribution packageを使う構成です。

特徴と向いている用途

公式資料に基づく紹介・実機未検証 · 内容確認日：2026-10-05

主な特徴

static HTML tableへpaging・ordering・search・scrollを追加する

公式ReadmeはDataTablesをHTML table enhancement libraryとして案内し、distribution documentationではpaging、ordering、search、scroll等を主要機能として説明しています。

出典：[1][4]

APIとplug-in interfaceからtableを操作・拡張する

source repositoryにはcell、row、column、search、order、page、state等のAPI moduleがあり、公式documentationはAPIとplug-in interfaceを提供しています。

出典：[1][3]

向いている用途

既存tableを保ちながら高機能なdata grid behaviorを追加したい場合に向く

既存HTML tableを起点にsortingやsearch、pagingを追加し、必要に応じてAPIやstyling integrationを拡張したいfrontendで利用できます。

出典：[4]

導入前の確認

このrepositoryは未build sourceでありapplication向けdistributionではない

Readmeは利用者にdownload builder、CDN、package managerのdistributionを推奨し、root package metadataもdatatables.net-srcとしてbuilt filesを含まないことを明記しています。

出典：[1][2]

3.1.3 tagとroot package versionは一致しない

3.1.3 release tagのroot package.jsonはdatatables.net-src version 3.0.0で、datatables.net distribution packageを別に使うよう案内しています。release tagだけからnpm package versionを推測しないでください。

出典：[5][2]

参考にした公式資料

[1]DataTablesSrc 3.1.3 Readme(2026-10-05)
[2]DataTablesSrc 3.1.3 package metadata(2026-10-05)
[3]DataTablesSrc TypeScript source(2026-10-05)
[4]DataTables distribution README(2026-10-05)
[5]DataTablesSrc 3.1.3 release(2026-10-05)
[6]DataTables MIT license(2026-10-05)

編集部からの補足

このrepositoryは未buildのsourceです。利用時はdownload builder/CDNまたはdatatables.net distribution packageが推奨されています。source tag 3.1.3のroot package.jsonはdatatables.net-src 3.0.0のため、release tagとnpm distribution versionを同一視しないでください。

3ステップで試す

1
DataTablesSrc 3.1.3をshallow cloneする
application distributionではなくreview対象のsource tagを一時directoryへ取得します。
demo=$(mktemp -d "${TMPDIR:-/tmp}/datatables-src.XXXXXX") && git clone --depth 1 --branch 3.1.3 https://github.com/DataTables/DataTablesSrc.git "$demo"
2
checkoutしたtagを確認する
取得したsource treeがreview対象tagであることを確認します。
test "$(git -C "$demo" describe --tags --exact-match)" = '3.1.3'
3
主要source/API/type fileを確認する
buildせずにDataTables本体、search API、TypeScript definitionsのsource構成を確認します。
test -f "$demo/js/dataTable.ts" && test -f "$demo/js/api/search.ts" && test -f "$demo/types/types.d.ts"

公式READMEで確認

成長

成長の推移 · 直近30日

807 Stars

推移データを蓄積中です。

開発アクティビティ

直近90日・週次

Commit（直近30日）: 28
Open PR: 19

開発アクティビティを蓄積中です。

Built with

JavaScript

カテゴリとタグ

GitHubデータ

GitHubのデータGitHubの詳細データを見る

GitHubで見る

Stars: 807
Forks: 440
Watchers: 49
Open Issues: 4
Contributors: 95
所有者種別: Organization
主要言語: JavaScript
ライセンス: MIT
リポジトリ最終更新: 2026/10/02