8 Ajax Tabel Datagrid Terbaik Untuk Web ~ WEB TIDAK AKTIF

Kebutuhan tampilan pengolahan datayang mudah,menarik dan dengan kemammpuan fitur-fitur pendukung yang baik dalam pengolahan data sangat penting. Terutama bila anda bekerja dengan banyak tabel dan banyak data. Pada teknologi web sekarang ini sudah banyak diciptakan Datagrid-datagrid keren yang mudah kita pakai dalam web kita. Tampilan tabel yang standar dan kaku mungkin lambat laun pasti akan ditinggalkan. Kelebihan penggunaa Datagrid dengan ajax ini adalah search secara otomatis, sortir data, numbering data secara otomatis. Kita tidak perlu melakukan pemograman di pemograman dasarnya(berbasis server). Kita hanya perlu mengkonfigurasinya di halaman AJAX nya. untuk lebih jelasnya bisa dipelajari sendiri. dan berikut adalah datagrid datagrid yang bisa saya rangkum untuk anda.

1. jqGrid

by Tony Tomov

jqGrid

jqGrid SubGrid

jqGrid adalah plugin untuk jQuery, girid ini mendukung Json, XML and Javascript tipe data Array .

Features :

Basic Search engine
In place data editing
Themes
SubGrids
Integration with jQuery UI Datepicker
And more, just check out the demos

Ressources :

2. Tablecloth

by Alen Grakalic

Tablecloth

Tablecloth adalah salah satu grid yang hebat untuk memudahkan pengguna dalam mencari data dengan bisa menambahkan warna-warna yang berbeda pada koordinat yang tertentu pada tabel.

Features :

Lightweight
Unobtrusive
Configurable highlighting of rows and columns or both
Highlight on click
Custom CSS

Ressources :

3. YUI Library DataTable Control

by Yahoo! Inc

YUI DataTable Control

Sample Data :


YAHOO.example.Data = {
bookorders: [

67", date:new Date(1980, 2, 24), quantity:1, amount:4, title:"A Book About Nothing"},
        {id:"po-0
{id:"po-0
1783", date:new Date("January 3, 1983"), quantity:null, amount:12.12345, title:"The Meaning of Life"},

t to Be Read Aloud"},
        {id:"po-1482", date:new Date("March 11, 1985"), quantity:6, amount:3.5, title:"Read Me Twice"}
{id:"po-0297", date:new Date(1978, 11, 12), quantity:12, amount:1.25, title:"This Book Was Mea
n
    ]


}

The All in One great DataControl component for YUI Library.

DataControl INI menyediakan API sederhana namun kuat untuk menampilkan layar-pembaca data tabular dapat diakses pada halaman web. Fitur utama meliputi kolom sortable, pagination, bergulir, seleksi baris, kolom resizeable, dan mengedit sel inline.

Features :

Column Keys Usage
Progressive Enhancement of Markup
Accessibility Features
Custom Cell Formatting
Nested Column Headers
Basic Column Sorting
Advanced Column Sorting
Pagination
Scrolling
Adjusting the Render Loop Size
Row and Cell Selection
Column Selection
Row, Cell and Column Highlighting
More Column APIs
Inline Cell Editing
And a lot more in examples

Ressources :

4. FlexiGrid for jQuery

by Paulo P.Marinas

FlexiGrid

Flexigrid adalah data grid ringan namun kaya dengan kolom resizable dan data bergulir untuk mencocokkan header, ditambah dengan kemampuan untuk terhubung ke sumber data xml berbasis menggunakan Ajax untuk memuat konten. Mirip dalam konsep dengan Grid Ext , yang membuatnya ringan dan mengikuti mantra jQuery menjalankan dengan hanya sedikit konfigurasi.

Features :

Resizable columns
Resizable height and width
Sortable column headers
Cool theme
Can convert an ordinary table
Ability to connect to an ajax data source (XML and JSON)
Paging
Show/hide columns
Toolbar
Search
Accessible API

Ressources :

5. Preloading Data with Ajax and JSON

by Ryan Campbell

Demo Page

Data gird ini adalah data grid yang menampilkan halaman anda denga format tapilan berbeda dengan yang lainya karen tampilanya dibuat vertikal.

Ressources :

6. dhtmlxGrid

by DHTMLX Ltd.

dhtmlxGrid

dhtmlxGrid adalah Ajax-enabled JavaScript kontrol grid dengan kemampuan canggih, pengolahan tampilan data yang baik ,dan kinerja yang sangat baik dengan dataset besar. Komponen GridView adalah mudah digunakan dan menyediakan fleksibilitas yang besar karena kaya API dari sisi klien.dhtmlxGrid mendukung datasources berbeda, termasuk XML, JSON, CSV, array JS, dantabel HTML. Sejak v1.6 data grid dapat dimuat dari format XML kustom.

Editions :

Standard – available for free download (to use under GPL).
Professional – contains additional features (with examples) which are not present in Standard edition. Delivered under Commercial and Enterprise licenses.

Features Pro Edition :

Loading XML from String
Frozen columns
Smart Rendering
Paginal Output extension
Merged cells
Simultanious Update of Database (dhtmlxDataProcessor)
Clipboard support
Export\Import from CSV

Ressources :

Project Page & Demo

7. treeTable

by Ludo van den Boom

ActsAsTreeTable - Displaying a directory structure.

TreeTable adalah plugin untuk jQuery untuk melihat data denga tree view. Dengan plugin ini Anda dapat menampilkan sebuah pohon dalam sebuah tabel, yaitu struktur direktori atau daftar yang ada didalamnya.

Features:

Unobtrusive
Branches collapsing and expanding
Unlimited tree depth

Ressources:

8. Ext.ux.Livegrid

by Thorsten Suckow-Homberg

Livegrid Drag & drop

Livegrid Sorting and Options

Ext.ux.Livegrid adalah salah satu pengembang yang membangun Ext JS Framework dan lebih spesifik lagi adalah Ext.grid.GridPanel. Komponen ini memungkinkan untuk membaca potongan data yang tersimpan dalam database (khusunya database) tanpa perlu membuat skrip paging sendiri . Artinya: Anda hampir dapat menampilkan dan menelusuri sejumlah besar data dan grid hanya akan menampilkan data yang masuk ke dalam viewport dan akan meminta data baru untuk ditampilkan ketika pengguna memilih kriteria data yang mereka ingginkan,

Ressources:

See Also: