Sha256: c7f5c99bd0b86ffbd1aa78103bc6fd1e1e8bb1feee7d6d12cd9c34c4cf056b9d
Contents?: true
Size: 1011 Bytes
Versions: 7
Compression:
Stored size: 1011 Bytes
Contents
<style>
table.simple-table {
border: solid #777;
border-width: 0px 0px 1px 1px;
margin-top: 8px;
}
table.simple-table thead {
background: #777;
border-bottom: 1px solid #333;
color: #fff;
}
table.simple-table tfoot {
background: #ccc;
border-top: 1px solid #333;
color: #777;
}
table.simple-table td, table.simple-table th {
padding: 4px;
border-right: 1px solid #777;
border-top: 1px solid #777;
}
</style>
<p>
You should see a simple html table below.
</p>
<!-- no html -->
<script src="/depender/build?require=More/HtmlTable"></script>
<script>
var t = new HtmlTable({
properties: {
border: 1, cellspacing: 2, cellpadding: 3,
'class':'simple-table'
},
headers: ['fruit', 'colors'],
footers: ['fruit', 'colors']
});
t.inject(document.body);
t.push(['apple', [new Element('span', {'html': 'red'}), new Element('span', {'html': '(green)'})]]);
t.push(['lemon', 'yellow']);
t.push([{
content: 'grapes',
properties: {rowspan: 2, valign: 'top'}
},
'purple']);
t.push(['green']);
</script>
Version data entries
7 entries across 7 versions & 1 rubygems