Canvas+HTML Table

Project Description

This is a simple table editor implemented using HTML5 Canvas. Users can edit table content through clicks and right-click menus, including adding rows, deleting rows, and editing cell content.

Author

https://github.com/qqxiaoteng

Language

• English README: Read the English README

• Chinese README: 阅读中文README

• Japanese README: 日本語のREADMEを読む

• Burmese README: မြန်မာ README ကို ဖတ်ရန်

Features

• Draw tables and display headers and cells
• Show context menu by clicking headers to swap header order
• Enter edit mode by clicking cells
• Show row operation menu by right-clicking cells to add or remove rows

Usage

1. Open File: Open the .html file in a browser.
2. Edit Headers: Click on a header to show a context menu, where you can swap the header order.
3. Edit Cells: Click on a cell to enter edit mode, input content, and press Enter to confirm.
4. Row Operations: Right-click on a cell to show a row operation menu, where you can add or remove rows.

Contribution

Contributions are welcome. Please follow these steps:

1. Fork the project
2. Create a new branch (git checkout -b feature/YourFeature)
3. Commit your changes (git commit -am 'Add some feature')
4. Push to the branch (git push origin feature/YourFeature)
5. Create a Pull Request

License

This project is licensed under the MIT License.