Table block
enveloping the th text in a paragraph, works well. but as I said before you plan to add custom table options, for the borders and general table color.
Read full answer below ↓Question
I don't see any basic blocks that you can create a table. Even if I do the block, it is impossible to edit the text. Block example
bm.add("table", {
category: 'Basic',
attributes: { class: "fa fa-table" },
label: "Table",
content: `<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">First</th>
<th scope="col">Last</th>
<th scope="col">Handle</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>`
});
with this option I can't modify the content of each td and they don't give me the options to duplicate columns or rows.
@artf you plan to create a table block?
Answers (3)
enveloping the th text in a paragraph, works well. but as I said before you plan to add custom table options, for the borders and general table color.
@chiqui3d hi,can you tell me how to deal with table-block
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1661
I've created html table and cannot drag new elements to table cells
Hello. if I create html table with next block of code, everything works, I'm able to drop a Quote, for example, to any cell: But next code...
Issue #1819
[Question]: Block content attributes (ngModel in my case) forced to lowercase
I am trying to use angular directive. On any of the block content, for example bm.add('radio-block',{ label:'Basic Form Element', category:...
Issue #792
Script property using function don't work with blocks
In Components & JS docs there's this example: This works perfectly. But I couldn't use a function instead of a string in script, as is said...
Issue #1471
[Question] Blockmanager and Image
Hi! I use this code to add a new block: blockManager.add("image", { label: 'Image', category: 'Basic', attributes: { class: "gjs-fonts gjs-...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Related tutorials
In-depth guides on the same topic.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.