Skip to content

Commit 8ac99cd

Browse files
jwillmerjwillmer
committed
Added playground for tables
1 parent f965b5d commit 8ac99cd

File tree

1 file changed

+207
-0
lines changed

1 file changed

+207
-0
lines changed

‎playgrounds/extension/tables.html‎

Lines changed: 207 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,207 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<link rel="stylesheet" href="../../extension/assets/bootstrap-3.0.0/css/bootstrap.css">
5+
<link rel="stylesheet" href="../../extension/assets/jquery.bootstrapvalidator/bootstrapValidator.css">
6+
<link rel="stylesheet" href="../../extension/devtools/devtools_scraper_panel.css">
7+
<link rel="stylesheet" href="../../extension/content_script/content_script.css">
8+
<link rel="stylesheet" href="webpage.css">
9+
<script src="../../extension/assets/jquery-2.0.3.js"></script>
10+
<script src="../../extension/assets/papaparse.min.js"></script>
11+
<script src="../../extension/assets/pouchdb-nightly.min.js"></script>
12+
<script src="../../extension/assets/bootstrap-3.0.0/js/bootstrap.js"></script>
13+
<script src="../../extension/assets/d3.v3.js"></script>
14+
<script src="../../extension/assets/ICanHaz.js"></script>
15+
<script src="../../extension/assets/sugar-1.4.1.js"></script>
16+
<script src="../../extension/assets/jquery.bootstrapvalidator/bootstrapValidator.js"></script>
17+
<script src="../../extension/assets/jquery.whencallsequentially.js"></script>
18+
<script src="../../extension/assets/base64.js"></script>
19+
<script src="../../extension/scripts/ContentScript.js"></script>
20+
<script src="../../extension/scripts/BackgroundScript.js"></script>
21+
<script src="../../extension/scripts/Config.js"></script>
22+
<script src="../../extension/scripts/Selector.js"></script>
23+
<script src="../../extension/scripts/SelectorList.js"></script>
24+
<script src="../../extension/scripts/ElementQuery.js"></script>
25+
<script src="../../extension/scripts/UniqueElementList.js"></script>
26+
<script src="../../extension/scripts/Selector/SelectorLink.js"></script>
27+
<script src="../../extension/scripts/Selector/SelectorPopupLink.js"></script>
28+
<script src="../../extension/scripts/Selector/SelectorImage.js"></script>
29+
<script src="../../extension/scripts/Selector/SelectorGroup.js"></script>
30+
<script src="../../extension/scripts/Selector/SelectorElement.js"></script>
31+
<script src="../../extension/scripts/Selector/SelectorText.js"></script>
32+
<script src="../../extension/scripts/Selector/SelectorHTML.js"></script>
33+
<script src="../../extension/scripts/Selector/SelectorElementAttribute.js"></script>
34+
<script src="../../extension/scripts/Selector/SelectorElementStyle.js"></script>
35+
<script src="../../extension/scripts/Selector/SelectorTable.js"></script>
36+
<script src="../../extension/scripts/Selector/SelectorElementScroll.js"></script>
37+
<script src="../../extension/scripts/Selector/SelectorElementClick.js"></script>
38+
<script src="../../extension/scripts/DateUtils/SimpleDateFormatter.js"></script>
39+
<script src="../../extension/scripts/DateUtils/DateRoller.js"></script>
40+
<script src="../../extension/scripts/DateUtils/DatePatternSupport.js"></script>
41+
<script src="../../extension/scripts/Sitemap.js"></script>
42+
<script src="../../extension/scripts/SelectorGraph.js"></script>
43+
<script src="../../extension/scripts/SelectorGraphv2.js"></script>
44+
<script src="../../extension/scripts/Store.js"></script>
45+
<script src="../../extension/scripts/StoreDevtools.js"></script>
46+
<script src="../../extension/assets/css-selector/lib/CssSelector.js"></script>
47+
<script src="../../extension/scripts/ContentSelector.js"></script>
48+
<script src="../../extension/scripts/Queue.js"></script>
49+
<script src="../../extension/scripts/Job.js"></script>
50+
<script src="../../extension/scripts/DataExtractor.js"></script>
51+
<script src="../../extension/scripts/ChromePopupBrowser.js"></script>
52+
<script src="../../extension/scripts/Scraper.js"></script>
53+
54+
<script src="../../extension/scripts/Controller.js"></script>
55+
56+
<!-- Simulates chrome API -->
57+
<script src="../../tests/ChromeAPI.js"></script>
58+
<script>
59+
new ChromeAPI();
60+
</script>
61+
62+
<script src="../../extension/background_page/background_script.js"></script>
63+
<script src="../../extension/content_script/content_script.js"></script>
64+
65+
<script>
66+
$(function () {
67+
// init bootstrap alerts
68+
$(".alert").alert();
69+
70+
var config = new Config();
71+
config.loadConfiguration(function () {
72+
var store = new Store(config);
73+
new SitemapController({
74+
store: store,
75+
templateDir: '../../extension/devtools/views/'
76+
});
77+
});
78+
});
79+
</script>
80+
</head>
81+
<body>
82+
<div id="webpage">
83+
84+
<h3>Table in table</h3>
85+
<table border="1" class="table">
86+
<tr>
87+
<th>#</th>
88+
<th>First Name</th>
89+
<th>Last Name</th>
90+
<th>Username</th>
91+
</tr>
92+
<tr>
93+
<td>1</td>
94+
<td>Mark</td>
95+
<td>Otto</td>
96+
<td>@mdo</td>
97+
</tr>
98+
<tr>
99+
<td>2</td>
100+
<td>
101+
<table border="1">
102+
<tr>
103+
<th>header 1</th>
104+
<th>header 2</th>
105+
</tr>
106+
<tr>
107+
<td>data 1</td>
108+
<td>data 2</td>
109+
</tr>
110+
</table>
111+
</td>
112+
<td>Thornton</td>
113+
<td>@fat</td>
114+
</tr>
115+
<tr>
116+
<td>3</td>
117+
<td>Larry</td>
118+
<td>the Bird</td>
119+
<td>@twitter</td>
120+
</tr>
121+
</table>
122+
123+
<br />
124+
<hr />
125+
<br />
126+
127+
128+
<h3>Table with thead and tbody</h3>
129+
<table class="table">
130+
<thead>
131+
<tr>
132+
<th>#</th>
133+
<th>First Name</th>
134+
<th>Last Name</th>
135+
<th>Username</th>
136+
</tr>
137+
</thead>
138+
<tbody>
139+
<tr>
140+
<td>1</td>
141+
<td>Mark</td>
142+
<td>Otto</td>
143+
<td>@mdo</td>
144+
</tr>
145+
<tr>
146+
<td>2</td>
147+
<td>Jacob</td>
148+
<td>Thornton</td>
149+
<td>@fat</td>
150+
</tr>
151+
<tr>
152+
<td>3</td>
153+
<td>Larry</td>
154+
<td>the Bird</td>
155+
<td>@twitter</td>
156+
</tr>
157+
</tbody>
158+
</table>
159+
160+
<br />
161+
<hr />
162+
<br />
163+
164+
<h3>Table with vertical headers and multible values</h3>
165+
<table class="table">
166+
<tr>
167+
<th>Names</th>
168+
<td>Ben</td>
169+
<td>Bruno</td>
170+
</tr>
171+
<tr>
172+
<th>Fruits</th>
173+
<td>Cherry</td>
174+
<td>Clementine</td>
175+
</tr>
176+
<tr>
177+
<th>Animals</th>
178+
<td>Cat</td>
179+
<td>Catfish</td>
180+
</tr>
181+
</table>
182+
183+
<br />
184+
<hr />
185+
<br />
186+
187+
<h3>Table with vertical headers</h3>
188+
<table class="table">
189+
<tr>
190+
<th>Name</th>
191+
<td>Ben</td>
192+
</tr>
193+
<tr>
194+
<th>Fruit</th>
195+
<td>Cherry</td>
196+
</tr>
197+
<tr>
198+
<th>Animal</th>
199+
<td>Cat</td>
200+
</tr>
201+
</table>
202+
203+
204+
205+
</div>
206+
</body>
207+
</html>

0 commit comments

Comments
 (0)