Home > Developer > Web Develop
In the crossing Web tutorial, the example of getting started is the space of a DataTable. So, follow the official website, take a look at the introduction of the DataTable components;
Web use is the first to introduce the corresponding library files;
The code is as follows
<HTML><Head> <title>Quick start with DataTable</title> <Scriptsrc=".. /codebase/webix.js "type= "Text/javascript"CharSet= "Utf-8"></Script> <Linkrel= "stylesheet"href=".. /codebase/webix.css "type= "Text/css"CharSet= "Utf-8"></Head><Body> <Script> //Here you'll place your JavaScript code </Script></Body></HTML>
Let's have a little chestnut.
3x3 Table with Header
<!DOCTYPE HTML><HTML> <Head> <title>Quick start with DataTable</title> <Linkrel= "stylesheet"href=".. /.. /.. /codebase/webix.css "type= "Text/css"CharSet= "Utf-8"> <Scriptsrc=".. /.. /.. /codebase/webix.js "type= "Text/javascript"CharSet= "Utf-8"></Script> </Head> <Body> <Divclass= ' header_comment '>Minimal Code to init DataTable</Div> <DivID= "TestA"></Div> <Script> vardtable=Webix.ui ({container:"TestA",//define internal table ID (HTML) View:"DataTable",//declared as DataTable component columns:[{ID:"title", Header:"Film title", Width: $},//table header {ID:" Year", Header:"Release Year", Width: the}, {ID:"votes", Header:"votes", Width: -}], Autowidth:true,//Auto width autoheight:true,//Auto height data:[//table data {ID:1, Title:"The Shawshank Redemption", Year:1994, votes:678790}, {ID:2, Title:"The godfather", Year:1972, votes:511495} ] }); </Script></Body></HTML>
Up ~
Code simple to explode only need to develop JS code Framework library automatically generate the corresponding components ~ ~ ~
Okay, this is the first lesson.
"Lesson three" Webix Getting started self-study-hello world
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
