From 30382afa58c184634d486467b4243602b1d098c0 Mon Sep 17 00:00:00 2001
From: lrz <1414556676@qq.com>
Date: Wed, 22 Jul 2020 13:37:03 +0800
Subject: [PATCH] docs(demo): index demo

index demo add sheet:table,comment
---
 sheetCell.js => demoData/sheetCell.js         |    0
 demoData/sheetComment.js                      |   81 ++
 .../sheetConditionFormat.js                   |    2 +-
 sheetFormula.js => demoData/sheetFormula.js   |    4 +-
 demoData/sheetTable.js                        | 1082 +++++++++++++++++
 index.html                                    |   10 +-
 6 files changed, 1172 insertions(+), 7 deletions(-)
 rename sheetCell.js => demoData/sheetCell.js (100%)
 create mode 100644 demoData/sheetComment.js
 rename sheetConditionFormat.js => demoData/sheetConditionFormat.js (99%)
 rename sheetFormula.js => demoData/sheetFormula.js (99%)
 create mode 100644 demoData/sheetTable.js

diff --git a/sheetCell.js b/demoData/sheetCell.js
similarity index 100%
rename from sheetCell.js
rename to demoData/sheetCell.js
diff --git a/demoData/sheetComment.js b/demoData/sheetComment.js
new file mode 100644
index 0000000..1d6fa16
--- /dev/null
+++ b/demoData/sheetComment.js
@@ -0,0 +1,81 @@
+const sheetComment = {
+	"name": "Comment",
+	"color": "",
+	"config": {
+		"columlen": {
+			"2": 102
+		}
+	},
+	"index": "4",
+	"chart": [{
+		"sheetIndex": "0",
+		"dataSheetIndex": "0",
+		"chartType": "column",
+		"row": "[1,3]",
+		"column": "[3,3]",
+		"chartStyle": "default",
+		"myWidth": "480",
+		"myHeight": "288",
+		"myLeft": "67",
+		"myTop": "11"
+	}],
+	"status": "0",
+	"order": "4",
+	"column": 15,
+	"row": 36,
+	"celldata": [{
+		"r": 2,
+		"c": 2,
+		"v": {
+			"m": "HoverShown",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "HoverShown",
+			"bl": 1,
+			"ps": {
+				"left": null,
+				"top": null,
+				"width": null,
+				"height": null,
+				"value": "Hello world!",
+				"isshow": false
+			}
+		}
+	}, {
+		"r": 7,
+		"c": 2,
+		"v": {
+			"m": "Size",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "Size",
+			"bl": 1,
+			"ps": {
+				"left": null,
+				"top": null,
+				"width": null,
+				"height": null,
+				"value": "Hello,world!",
+				"isshow": true
+			}
+		}
+	}],
+	"visibledatarow": [],
+	"visibledatacolumn": [],
+	"rowsplit": [],
+	"ch_width": 4748,
+	"rh_height": 1790,
+	"luckysheet_select_save": [{
+		"row": [0, 0],
+		"column": [0, 0]
+	}],
+	"luckysheet_selection_range": [],
+	"scrollLeft": 0,
+	"scrollTop": 0
+}
+
+export default sheetComment;
\ No newline at end of file
diff --git a/sheetConditionFormat.js b/demoData/sheetConditionFormat.js
similarity index 99%
rename from sheetConditionFormat.js
rename to demoData/sheetConditionFormat.js
index 8765853..3daed3f 100644
--- a/sheetConditionFormat.js
+++ b/demoData/sheetConditionFormat.js
@@ -168,7 +168,7 @@ const sheetConditionFormat = {
 	}],
 	"status": "0",
 	"order": "2",
-	"column": 12,
+	"column": 15,
 	"row": 36,
 	"celldata": [{
 		"r": 0,
diff --git a/sheetFormula.js b/demoData/sheetFormula.js
similarity index 99%
rename from sheetFormula.js
rename to demoData/sheetFormula.js
index f8900d9..c175cb3 100644
--- a/sheetFormula.js
+++ b/demoData/sheetFormula.js
@@ -99,8 +99,8 @@ const sheetFormula = {
 	}],
 	"status": "0",
 	"order": "1",
-	"column": 12,
-	"row": 36,
+	"column": 15,
+	"row": 45,
 	"celldata": [{
 		"r": 0,
 		"c": 0,
diff --git a/demoData/sheetTable.js b/demoData/sheetTable.js
new file mode 100644
index 0000000..66c0ebb
--- /dev/null
+++ b/demoData/sheetTable.js
@@ -0,0 +1,1082 @@
+const sheetTable = {
+	"name": "Table",
+	"color": "",
+	"config": {
+		"merge": {
+			"0_1": {
+				"r": 0,
+				"c": 1,
+				"rs": 1,
+				"cs": 5
+			},
+			"0_8": {
+				"r": 0,
+				"c": 8,
+				"rs": 1,
+				"cs": 5
+			},
+			"8_1": {
+				"r": 8,
+				"c": 1,
+				"rs": 1,
+				"cs": 5
+			},
+			"16_1": {
+				"r": 16,
+				"c": 1,
+				"rs": 1,
+				"cs": 5
+			},
+			"8_8": {
+				"r": 8,
+				"c": 8,
+				"rs": 1,
+				"cs": 5
+			},
+			"16_8": {
+				"r": 16,
+				"c": 8,
+				"rs": 1,
+				"cs": 5
+			}
+		}
+	},
+	"index": "3",
+	"chart": [{
+		"sheetIndex": "0",
+		"dataSheetIndex": "0",
+		"chartType": "column",
+		"row": "[1,3]",
+		"column": "[3,3]",
+		"chartStyle": "default",
+		"myWidth": "480",
+		"myHeight": "288",
+		"myLeft": "67",
+		"myTop": "11"
+	}],
+	"status": "0",
+	"order": "3",
+	"column": 15,
+	"row": 36,
+	"celldata": [{
+		"r": 0,
+		"c": 1,
+		"v": {
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "Table Style - light3, Filter",
+			"mc": {
+				"r": 0,
+				"c": 1,
+				"rs": 1,
+				"cs": 5
+			},
+			"bl": 1,
+			"m": "Table Style - light3, Filter"
+		}
+	}, {
+		"r": 0,
+		"c": 2,
+		"v": {
+			"mc": {
+				"r": 0,
+				"c": 1
+			},
+			"bl": 1
+		}
+	}, {
+		"r": 0,
+		"c": 3,
+		"v": {
+			"mc": {
+				"r": 0,
+				"c": 1
+			},
+			"bl": 1
+		}
+	}, {
+		"r": 0,
+		"c": 4,
+		"v": {
+			"mc": {
+				"r": 0,
+				"c": 1
+			},
+			"bl": 1
+		}
+	}, {
+		"r": 0,
+		"c": 5,
+		"v": {
+			"mc": {
+				"r": 0,
+				"c": 1
+			},
+			"bl": 1
+		}
+	}, {
+		"r": 0,
+		"c": 8,
+		"v": {
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"mc": {
+				"r": 0,
+				"c": 8,
+				"rs": 1,
+				"cs": 5
+			},
+			"bl": 1,
+			"m": "Table Style - light6",
+			"v": "Table Style - light6"
+		}
+	}, {
+		"r": 0,
+		"c": 9,
+		"v": {
+			"mc": {
+				"r": 0,
+				"c": 8
+			}
+		}
+	}, {
+		"r": 0,
+		"c": 10,
+		"v": {
+			"mc": {
+				"r": 0,
+				"c": 8
+			}
+		}
+	}, {
+		"r": 0,
+		"c": 11,
+		"v": {
+			"mc": {
+				"r": 0,
+				"c": 8
+			}
+		}
+	}, {
+		"r": 0,
+		"c": 12,
+		"v": {
+			"mc": {
+				"r": 0,
+				"c": 8
+			}
+		}
+	}, {
+		"r": 1,
+		"c": 1,
+		"v": {
+			"v": "Column1",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"m": "Column1"
+		}
+	}, {
+		"r": 1,
+		"c": 2,
+		"v": {
+			"v": "Column2",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"m": "Column2"
+		}
+	}, {
+		"r": 1,
+		"c": 3,
+		"v": {
+			"v": "Column3",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"m": "Column3"
+		}
+	}, {
+		"r": 1,
+		"c": 4,
+		"v": {
+			"v": "Column4",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"m": "Column4"
+		}
+	}, {
+		"r": 1,
+		"c": 5,
+		"v": {
+			"v": "Column5",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"m": "Column5"
+		}
+	}, {
+		"r": 8,
+		"c": 1,
+		"v": {
+			"v": "Table Style - medium3,Header",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"mc": {
+				"r": 8,
+				"c": 1,
+				"rs": 1,
+				"cs": 5
+			},
+			"bl": 1,
+			"m": "Table Style - medium3,Header"
+		}
+	}, {
+		"r": 8,
+		"c": 2,
+		"v": {
+			"mc": {
+				"r": 8,
+				"c": 1
+			}
+		}
+	}, {
+		"r": 8,
+		"c": 3,
+		"v": {
+			"mc": {
+				"r": 8,
+				"c": 1
+			}
+		}
+	}, {
+		"r": 8,
+		"c": 4,
+		"v": {
+			"mc": {
+				"r": 8,
+				"c": 1
+			}
+		}
+	}, {
+		"r": 8,
+		"c": 5,
+		"v": {
+			"mc": {
+				"r": 8,
+				"c": 1
+			}
+		}
+	}, {
+		"r": 8,
+		"c": 8,
+		"v": {
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "Table Style - medium8,Footer",
+			"mc": {
+				"r": 8,
+				"c": 8,
+				"rs": 1,
+				"cs": 5
+			},
+			"bl": 1,
+			"m": "Table Style - medium8,Footer"
+		}
+	}, {
+		"r": 8,
+		"c": 9,
+		"v": {
+			"mc": {
+				"r": 8,
+				"c": 8
+			}
+		}
+	}, {
+		"r": 8,
+		"c": 10,
+		"v": {
+			"mc": {
+				"r": 8,
+				"c": 8
+			}
+		}
+	}, {
+		"r": 8,
+		"c": 11,
+		"v": {
+			"mc": {
+				"r": 8,
+				"c": 8
+			}
+		}
+	}, {
+		"r": 8,
+		"c": 12,
+		"v": {
+			"mc": {
+				"r": 8,
+				"c": 8
+			}
+		}
+	}, {
+		"r": 9,
+		"c": 1,
+		"v": {
+			"v": "Column1",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"m": "Column1"
+		}
+	}, {
+		"r": 9,
+		"c": 2,
+		"v": {
+			"v": "Column2",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"m": "Column2"
+		}
+	}, {
+		"r": 9,
+		"c": 3,
+		"v": {
+			"v": "Column3",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"m": "Column3"
+		}
+	}, {
+		"r": 9,
+		"c": 4,
+		"v": {
+			"v": "Column4",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"m": "Column4"
+		}
+	}, {
+		"r": 9,
+		"c": 5,
+		"v": {
+			"v": "Column5",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"m": "Column5"
+		}
+	}, {
+		"r": 16,
+		"c": 1,
+		"v": {
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "Table Style - medium6,Header,Footer",
+			"mc": {
+				"r": 16,
+				"c": 1,
+				"rs": 1,
+				"cs": 5
+			},
+			"bl": 1,
+			"m": "Table Style - medium6,Header,Footer"
+		}
+	}, {
+		"r": 16,
+		"c": 2,
+		"v": {
+			"mc": {
+				"r": 16,
+				"c": 1
+			}
+		}
+	}, {
+		"r": 16,
+		"c": 3,
+		"v": {
+			"mc": {
+				"r": 16,
+				"c": 1
+			}
+		}
+	}, {
+		"r": 16,
+		"c": 4,
+		"v": {
+			"mc": {
+				"r": 16,
+				"c": 1
+			}
+		}
+	}, {
+		"r": 16,
+		"c": 5,
+		"v": {
+			"mc": {
+				"r": 16,
+				"c": 1
+			}
+		}
+	}, {
+		"r": 16,
+		"c": 8,
+		"v": {
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "Table Style - medium10,Header,Footer",
+			"mc": {
+				"r": 16,
+				"c": 8,
+				"rs": 1,
+				"cs": 5
+			},
+			"bl": 1,
+			"m": "Table Style - medium10,Header,Footer"
+		}
+	}, {
+		"r": 16,
+		"c": 9,
+		"v": {
+			"mc": {
+				"r": 16,
+				"c": 8
+			}
+		}
+	}, {
+		"r": 16,
+		"c": 10,
+		"v": {
+			"mc": {
+				"r": 16,
+				"c": 8
+			}
+		}
+	}, {
+		"r": 16,
+		"c": 11,
+		"v": {
+			"mc": {
+				"r": 16,
+				"c": 8
+			}
+		}
+	}, {
+		"r": 16,
+		"c": 12,
+		"v": {
+			"mc": {
+				"r": 16,
+				"c": 8
+			}
+		}
+	}, {
+		"r": 17,
+		"c": 1,
+		"v": {
+			"m": "Column1",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "Column1"
+		}
+	}, {
+		"r": 17,
+		"c": 2,
+		"v": {
+			"m": "Column2",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "Column2"
+		}
+	}, {
+		"r": 17,
+		"c": 3,
+		"v": {
+			"m": "Column3",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "Column3"
+		}
+	}, {
+		"r": 17,
+		"c": 4,
+		"v": {
+			"m": "Column4",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "Column4"
+		}
+	}, {
+		"r": 17,
+		"c": 5,
+		"v": {
+			"m": "Column5",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "Column5"
+		}
+	}, {
+		"r": 17,
+		"c": 8,
+		"v": {
+			"m": "Name",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "Name"
+		}
+	}, {
+		"r": 17,
+		"c": 9,
+		"v": {
+			"m": "Age",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "Age"
+		}
+	}, {
+		"r": 17,
+		"c": 10,
+		"v": {
+			"m": "Sex",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "Sex"
+		}
+	}, {
+		"r": 17,
+		"c": 11,
+		"v": {
+			"m": "Address",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "Address"
+		}
+	}, {
+		"r": 17,
+		"c": 12,
+		"v": {
+			"m": "Score",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "Score"
+		}
+	}, {
+		"r": 18,
+		"c": 8,
+		"v": {
+			"m": "bob",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "bob"
+		}
+	}, {
+		"r": 18,
+		"c": 9,
+		"v": {
+			"v": 36,
+			"ct": {
+				"fa": "General",
+				"t": "n"
+			},
+			"m": "36"
+		}
+	}, {
+		"r": 18,
+		"c": 10,
+		"v": {
+			"m": "man",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "man"
+		}
+	}, {
+		"r": 18,
+		"c": 11,
+		"v": {
+			"m": "Beijing",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "Beijing"
+		}
+	}, {
+		"r": 18,
+		"c": 12,
+		"v": {
+			"v": 80,
+			"ct": {
+				"fa": "General",
+				"t": "n"
+			},
+			"m": "80"
+		}
+	}, {
+		"r": 19,
+		"c": 8,
+		"v": {
+			"m": "Betty",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "Betty"
+		}
+	}, {
+		"r": 19,
+		"c": 9,
+		"v": {
+			"v": 28,
+			"ct": {
+				"fa": "General",
+				"t": "n"
+			},
+			"m": "28"
+		}
+	}, {
+		"r": 19,
+		"c": 10,
+		"v": {
+			"m": "woman",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "woman"
+		}
+	}, {
+		"r": 19,
+		"c": 11,
+		"v": {
+			"m": "Xi'an",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "Xi'an"
+		}
+	}, {
+		"r": 19,
+		"c": 12,
+		"v": {
+			"v": 52,
+			"ct": {
+				"fa": "General",
+				"t": "n"
+			},
+			"m": "52"
+		}
+	}, {
+		"r": 20,
+		"c": 8,
+		"v": {
+			"m": "Gary",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "Gary"
+		}
+	}, {
+		"r": 20,
+		"c": 9,
+		"v": {
+			"v": 23,
+			"ct": {
+				"fa": "General",
+				"t": "n"
+			},
+			"m": "23"
+		}
+	}, {
+		"r": 20,
+		"c": 10,
+		"v": {
+			"m": "man",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "man"
+		}
+	}, {
+		"r": 20,
+		"c": 11,
+		"v": {
+			"m": "NewYork",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "NewYork"
+		}
+	}, {
+		"r": 20,
+		"c": 12,
+		"v": {
+			"v": 63,
+			"ct": {
+				"fa": "General",
+				"t": "n"
+			},
+			"m": "63"
+		}
+	}, {
+		"r": 21,
+		"c": 8,
+		"v": {
+			"m": "Hunk",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "Hunk"
+		}
+	}, {
+		"r": 21,
+		"c": 9,
+		"v": {
+			"v": 45,
+			"ct": {
+				"fa": "General",
+				"t": "n"
+			},
+			"m": "45"
+		}
+	}, {
+		"r": 21,
+		"c": 10,
+		"v": {
+			"m": "man",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "man"
+		}
+	}, {
+		"r": 21,
+		"c": 11,
+		"v": {
+			"m": "Beijing",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "Beijing"
+		}
+	}, {
+		"r": 21,
+		"c": 12,
+		"v": {
+			"v": 80,
+			"ct": {
+				"fa": "General",
+				"t": "n"
+			},
+			"m": "80"
+		}
+	}, {
+		"r": 22,
+		"c": 8,
+		"v": {
+			"m": "Cherry",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "Cherry"
+		}
+	}, {
+		"r": 22,
+		"c": 9,
+		"v": {
+			"v": 37,
+			"ct": {
+				"fa": "General",
+				"t": "n"
+			},
+			"m": "37"
+		}
+	}, {
+		"r": 22,
+		"c": 10,
+		"v": {
+			"m": "woman",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "woman"
+		}
+	}, {
+		"r": 22,
+		"c": 11,
+		"v": {
+			"m": "Shanghai",
+			"ct": {
+				"fa": "General",
+				"t": "g"
+			},
+			"v": "Shanghai"
+		}
+	}, {
+		"r": 22,
+		"c": 12,
+		"v": {
+			"v": 58,
+			"ct": {
+				"fa": "General",
+				"t": "n"
+			},
+			"m": "58"
+		}
+	}],
+	"visibledatarow": [],
+	"visibledatacolumn": [],
+	"rowsplit": [],
+	"ch_width": 4748,
+	"rh_height": 1790,
+	"luckysheet_select_save": [{
+		"row": [0, 0],
+		"column": [0, 0]
+	}],
+	"luckysheet_selection_range": [],
+	"scrollLeft": 0,
+	"scrollTop": 0,
+	"filter_select": {
+		"left": 74,
+		"width": 73,
+		"top": 20,
+		"height": 19,
+		"left_move": 74,
+		"width_move": 369,
+		"top_move": 20,
+		"height_move": 119,
+		"row": [1, 6],
+		"column": [1, 5],
+		"row_focus": 1,
+		"column_focus": 1
+	},
+	"luckysheet_alternateformat_save": [{
+		"cellrange": {
+			"row": [1, 6],
+			"column": [1, 5]
+		},
+		"format": {
+			"head": {
+				"fc": "#000",
+				"bc": "#5ed593"
+			},
+			"one": {
+				"fc": "#000",
+				"bc": "#ffffff"
+			},
+			"two": {
+				"fc": "#000",
+				"bc": "#e5fbee"
+			},
+			"foot": {
+				"fc": "#000",
+				"bc": "#a5efcc"
+			}
+		},
+		"hasRowHeader": false,
+		"hasRowFooter": false
+	}, {
+		"cellrange": {
+			"row": [1, 6],
+			"column": [8, 12]
+		},
+		"format": {
+			"head": {
+				"fc": "#000",
+				"bc": "#5599fc"
+			},
+			"one": {
+				"fc": "#000",
+				"bc": "#ffffff"
+			},
+			"two": {
+				"fc": "#000",
+				"bc": "#ecf2fe"
+			},
+			"foot": {
+				"fc": "#000",
+				"bc": "#afcbfa"
+			}
+		},
+		"hasRowHeader": false,
+		"hasRowFooter": false
+	}, {
+		"cellrange": {
+			"row": [9, 14],
+			"column": [1, 5]
+		},
+		"format": {
+			"head": {
+				"fc": "#000",
+				"bc": "#5ed593"
+			},
+			"one": {
+				"fc": "#000",
+				"bc": "#ffffff"
+			},
+			"two": {
+				"fc": "#000",
+				"bc": "#e5fbee"
+			},
+			"foot": {
+				"fc": "#000",
+				"bc": "#a5efcc"
+			}
+		},
+		"hasRowHeader": true,
+		"hasRowFooter": false
+	}, {
+		"cellrange": {
+			"row": [17, 22],
+			"column": [1, 5]
+		},
+		"format": {
+			"head": {
+				"fc": "#000",
+				"bc": "#5599fc"
+			},
+			"one": {
+				"fc": "#000",
+				"bc": "#ffffff"
+			},
+			"two": {
+				"fc": "#000",
+				"bc": "#ecf2fe"
+			},
+			"foot": {
+				"fc": "#000",
+				"bc": "#afcbfa"
+			}
+		},
+		"hasRowHeader": true,
+		"hasRowFooter": true
+	}, {
+		"cellrange": {
+			"row": [9, 14],
+			"column": [8, 12]
+		},
+		"format": {
+			"head": {
+				"fc": "#000",
+				"bc": "#7a939a"
+			},
+			"one": {
+				"fc": "#000",
+				"bc": "#ffffff"
+			},
+			"two": {
+				"fc": "#000",
+				"bc": "#f0eff7"
+			},
+			"foot": {
+				"fc": "#000",
+				"bc": "#bdcad0"
+			}
+		},
+		"hasRowHeader": false,
+		"hasRowFooter": true
+	}, {
+		"cellrange": {
+			"row": [17, 22],
+			"column": [8, 12]
+		},
+		"format": {
+			"head": {
+				"fc": "#000",
+				"bc": "#89c54b"
+			},
+			"one": {
+				"fc": "#000",
+				"bc": "#ffffff"
+			},
+			"two": {
+				"fc": "#000",
+				"bc": "#f1f7e9"
+			},
+			"foot": {
+				"fc": "#000",
+				"bc": "#c5e3a7"
+			}
+		},
+		"hasRowHeader": true,
+		"hasRowFooter": true
+	}],
+	"luckysheet_alternateformat_save_modelCustom": [{
+		"head": {
+			"fc": "#6aa84f",
+			"bc": "#ffffff"
+		},
+		"one": {
+			"fc": "#000",
+			"bc": "#ffffff"
+		},
+		"two": {
+			"fc": "#000",
+			"bc": "#e5fbee"
+		},
+		"foot": {
+			"fc": "#000",
+			"bc": "#a5efcc"
+		}
+	}]
+}
+
+export default sheetTable;
\ No newline at end of file
diff --git a/index.html b/index.html
index b00ead8..ebd31b1 100644
--- a/index.html
+++ b/index.html
@@ -48,14 +48,16 @@
 <body>
 	<div id="luckysheet" style="margin:0px;padding:0px;position:absolute;width:100%;height:100%;left: 0px;top: 0px;"></div>
 	<script type="module">
-		import sheetFormula from './sheetFormula.js'
-		import sheetCell from './sheetCell.js'
-		import sheetConditionFormat from './sheetConditionFormat.js'
+		import sheetFormula from './demoData/sheetFormula.js'
+		import sheetCell from './demoData/sheetCell.js'
+		import sheetConditionFormat from './demoData/sheetConditionFormat.js'
+		import sheetTable from './demoData/sheetTable.js'
+		import sheetComment from './demoData/sheetComment.js'
 		$(function () {
 
 			luckysheet.create({
 				container: 'luckysheet',
-				data: [sheetCell,sheetFormula,sheetConditionFormat]
+				data: [sheetCell,sheetFormula,sheetConditionFormat,sheetTable,sheetComment]
 			})
 
 		})