ホームページ > 記事 > ウェブフロントエンド > テーブル コントロールの使用法の概要
HTML上で現在最も便利なテーブルコントロールはdatatableですが、編集やボタンなどは有料で、基本機能のみ無料です。さらに、サイズが変更されると、手動で更新するなどの面倒な操作が必要になります。そこで、誰でも使える無料のものを開発しました。このプロジェクトは「Void Server Development Kit」で使用されています。現在、主に Microsoft Edge ブラウザと Chrome ブラウザをサポートしており、その他はテストされていません。 tbl.js は完全に無料であり、フォークは自由に変更できます。 tbl.js は、リスト スタイル、追加、削除、変更、検索、テーブル全体の検索、グループ化、ページング関数、テーブル全体の編集、行全体の編集、単一選択、複数選択、スタイルのカスタマイズをサポートしています。 jqueryのダイアログやタブなど、さまざまなコンテナに埋め込むことができます。バージョン: 0.1beta バグを報告していただければ、できるだけ早く修正します。新年に休みはありません。スタイルを変更する必要がない場合は、tbl.css を読み込む必要はなく、tbl.js によってスタイル シートが動的に読み込まれます。既存の DOM ノードから構築された 2 行のテーブルを作成してみましょう。 1 html:
1. tbl.js div 実装されたテーブル コントロール、完全に無料、jquery に依存しません
はじめに: HTML で最も便利なテーブル コントロールはデータテーブルですが、編集、ボタンなどの部分は有料で、基本機能のみが無料です。さらに、サイズが変更されると、手動で更新するなどの面倒な操作が必要になります。そこで、誰でも使える無料のものを開発しました。
はじめに: フロントエンド フレームワークは近年特に注目を集めており、特に Angular 2 には多くのファンがいます。 2016 年 9 月に Angular 2 が正式にリリースされると、多くのファンが Angular 2 に投資し始めました。もちろんこれには私も含まれます。 Angular 2 について知りたい場合は、公式 Web サイト (英語版、中国語版) をおすすめします。 Angular 2 をすぐに使い始めましょう。
3. Web に Excel のようなテーブル コントロールを実装する方法
はじめに: Web に Excel のようなテーブル コントロールを実装する方法
4. JavaScript テーブル コントロール: Chgrid、簡素化された JavaScript スキル
概要: JavaScript テーブル コントロール: Chgrid、簡素化された
5. ExtJS 設定とテーブル コントロール use_extjs
はじめに: Ex tJS Itは AJAX コントロールのセットで、私がこれまで見た中で最も優れた最も美しい JS コントロール ライブラリだと思います。ExtJS に慣れていない場合や、ExtJS にまったく興味がない場合は、学習して使用するのに非常に価値があります。
6. JQuery FlexiGrid の完璧な asp.net ソリューション dotNetFlexGrid-.Net ネイティブ非同期テーブル control_jquery
概要: dotNetFlexGrid dotNet ネイティブの非同期ですその前身は Jquery FlexiGrid プラグインです。FlexiGrid の Javascript コードのほとんどをリファクタリングして、より効率的に動作し、バグを減らしました。同時に、シンプルで使いやすいように dotNet コントロールとしてカプセル化しました。使用方法。
7. jquery miniui チュートリアル テーブル コントロールのセルの結合 application_jquery
はじめに: この記事では、jquery miniui チュートリアルのセルの結合アプリケーションを詳しく紹介します。必要な方は参照してください。それはダウン
8. 左側はテーブルヘッダーのJSテーブルコントロール(自作、インターネット上では入手不可)_javascriptスキル 9. MVC4+EasyUI に基づく Web 開発フレームワークの形成におけるインターフェイス コントロールの使用_JavaScript スキル はじめに: 一般的な Web インターフェイスに含まれるインターフェイス コントロールは次のとおりです。 :単行テキストボックス、複数行テキストボックス、パスワードテキストボックス、ドロップダウンリストコンボボックス、日付入力コントロール、数値入力コントロール、単一選択、チェックボックス、テーブルコントロール DataGrid、ツリーコントロール、レイアウトコントロール、ポップアップダイアログ ボックス、プロンプト情報、リスト コントロールなど。これらのインターフェイス コントロールのさまざまな操作については、以下で 1 つずつ紹介します [関連する Q&A の推奨事項]: javascript - ブートストラップ サードパーティ テーブル コントロールの推奨事項とディスカッション javascript - easyUI の右側に表示されるスクロール バーを削除するには? javascript - easyuiのDataGridコントロールに似た、angularjsの下にドラッグ可能な列幅を持つテーブルコントロールはありますか
最終的なレンダリング効果は上記の通りです
1。左側はテーブルヘッダーのテーブルデータ表示です
2. 複数の行と複数のヘッダーをサポートします
4. タイトルをサポートします
5. IE/CHROME をサポートします
6.
はじめに: 左側はヘッダーです。JS フォームに遭遇したことがありますか。本当に見つからなかったので、同じようなニーズを持つ友人と共有するために特別に実装コードを提示しました。それ
以上がテーブル コントロールの使用法の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。