Table Border Removal Demo

How to Use

Click the table icon (⊞) button to insert a new table
Click inside a cell to select it
Use the new border control buttons to remove specific borders:
- ⊤ - Toggle Top Border
- ⊣ - Toggle Right Border
- ⊥ - Toggle Bottom Border
- ⊢ - Toggle Left Border
Click the same button again to restore a removed border
Try removing borders between cells to create merged-looking cells or custom table layouts

Example Use Cases:

Create merged header cells by removing internal borders
Design custom table layouts with selective borders
Remove top/bottom borders for a cleaner look
Create borderless sections within a table

<h2>Table Border Removal Feature</h2>
            <p>This demo showcases the new feature that allows you to remove specific borders between table cells.</p>
            
            <h3>Sample Table</h3>
            <p>Click on any cell in the table below, then use the border toggle buttons (⊤ ⊣ ⊥ ⊢) in the toolbar to remove or restore borders.</p>
            
            <table style="border-collapse: collapse; width: 100%;" data-border-color="#000000">
                <tbody>
                    <tr>
                        <td style="border: 1px solid #000000; padding: 8px;">Header 1</td>
                        <td style="border: 1px solid #000000; padding: 8px;">Header 2</td>
                        <td style="border: 1px solid #000000; padding: 8px;">Header 3</td>
                    </tr>
                    <tr>
                        <td style="border: 1px solid #000000; padding: 8px;">Data 1</td>
                        <td style="border: 1px solid #000000; padding: 8px;">Data 2</td>
                        <td style="border: 1px solid #000000; padding: 8px;">Data 3</td>
                    </tr>
                    <tr>
                        <td style="border: 1px solid #000000; padding: 8px;">Data 4</td>
                        <td style="border: 1px solid #000000; padding: 8px;">Data 5</td>
                        <td style="border: 1px solid #000000; padding: 8px;">Data 6</td>
                    </tr>
                </tbody>
            </table>
            
            <h3>Try It Yourself</h3>
            <p>Insert a new table and experiment with removing borders to create custom layouts!</p>