JExcel是一個基于jQuery的電子表格插件,它可以讓你在Web應用程序中快速創建和管理電子表格。
$(document).ready(function(){ $("#myTable").jexcel({ data: [['Sheet', 'Implementation'], ['Excel', 'Microsoft'], ['Calc', 'LibreOffice'], ['Sheets', 'Google']], colHeaders: ['Program', 'Author'] }); });
以上代碼會在id為myTable的HTML元素中創建一個帶有表頭的電子表格。你可以通過JSON格式的數據來初始化表格內容,然后使用colHeaders屬性指定表頭。
$(document).ready(function(){ $("#myTable").jexcel({ data: [['Item', 'Price'], ['Apple', 1], ['Orange', 2], ['Banana', 3]], columns: [ { type: 'text', title: 'Item' }, { type: 'numeric', title: 'Price' } ] }); });
以上代碼會創建一個帶有兩個列的電子表格。第一列是文本類型,用于顯示水果名稱,第二列是數值類型,用于顯示價格。你可以通過columns屬性來指定每列的類型和表頭。
$(document).ready(function(){ $("#myTable").jexcel({ data: [['A1', 'B1', 'C1'], ['A2', 'B2', 'C2'], ['A3', 'B3', 'C3']], tableWidth: '100%' }); });
以上代碼會創建一個帶有3行3列的電子表格。你可以通過tableWidth屬性來設置表格的寬度。