| Server IP : 78.140.185.180 / Your IP : 216.73.216.170 Web Server : LiteSpeed System : Linux cpanel13.v.fozzy.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : builderbox ( 1072) PHP Version : 7.3.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/builderbox/./././public_html/public/builder/elements/ |
Upload File : |
<style type="text/css" media="screen"></style>
<table class="table">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<td>2</td>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<td>3</td>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
<script>
({
name: 'table',
nodes: ['table'],
frameworks: ['base'],
types: ['flow'],
validChildren: ['coption', 'colgroup', 'thead', 'tbody', 'tfoot', 'tr'],
category: 'typography',
hiddenClasses: ['table'],
icon: 'border-all',
attributes: {
type: {
list: [
{name: 'Basic', value: 'default'},
{name: 'Striped', value: 'table-striped'},
{name: 'Bordered', value: 'table-bordered'},
{name: 'Hover', value: 'table-hover'},
{name: 'Condensed', value: 'table-condensed'},
{name: 'Responsive', value: 'table-responsive'},
],
value: 'default',
onAssign: function(livePreview) {
for (var i = this.list.length - 1; i >= 0; i--) {
if (livePreview.selected.node.className.indexOf(this.list[i].value) > -1) {
return this.value = this.list[i].value;
}
}
},
onChange: function(livePreview, type) {
//strip any previously assigned type classes from the icon
for (var i = this.list.length - 1; i >= 0; i--) {
livePreview.selected.node.classList.remove(this.list[i].value);
};
livePreview.selected.node.classList.add(type);
}
}
},
})
</script>