なおしむ naosim

Tabulator Sample

ここではTabulatorの表示機能について解説します。データの編集については触れません。

概要

Tabulatorは、HTML上で多機能かつ高品質なテーブルを直感的に作成できる強力なJavaScriptライブラリです。従来の単純なHTMLの表とは異なり、Excelのような高度な操作をウェブブラウザ上で実現します。主な特徴は、動的なデータのソート、多機能なフィルタリング、セル内での直接編集、ドラッグ＆ドロップによる列の並べ替え、そしてウィンドウ枠の固定（frozen columns）などです。また、仮想DOM（Virtual DOM）技術を採用しているため、数万行規模の膨大なデータであっても、メモリ消費を抑えながら非常に高速で滑らかな描画が可能です。 JSON、CSV、TSVなど多様なデータ形式を簡単に取り込めるほか、CSSによるデザインのカスタマイズ性も高く、業務用のデータ管理システムから分析ツールまで、データ集約型のアプリケーション開発において世界中で広く採用されています。

	<!DOCTYPE html>
	<html lang="ja">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- CSSの読み込み -->
	<link href="https://unpkg.com/tabulator-tables/dist/css/tabulator.min.css" rel="stylesheet">
	<!-- JSの読み込み -->
	<script type="text/javascript" src="https://unpkg.com/tabulator-tables/dist/js/tabulator.min.js"></script>

	<!DOCTYPE html>
	<html lang="ja"></html>
	<head>
	<meta charset="UTF-8">
	<title>index.mjs</title>
	</head>
	<body>
	<h1>index.mjs</h1>
	<script type="module" src="index.mjs"></script>
	</body>

なおしむ naosim

Tabulator Sample

概要

Getting Started