diff --git a/index.html b/index.html
index 954b4f1..0470cf3 100644
--- a/index.html
+++ b/index.html
@@ -21,8 +21,8 @@
@@ -42,29 +42,29 @@
- #
-
- Second Column
+ First column
+ Second column
Comment
+
+
+
+
+
+
+
+
+
+
<table class="table table-hover table-bordered">
<thead class="table-dark">
<tr>
@@ -89,81 +89,81 @@
</table>
+
+
+ import React from 'react';
+ import './styles.css'; // Assuming you have a CSS file for styling
+
+ function MyTable() {
+ return (
+ <table className="table table-hover table-bordered">
+ <thead>
+ <tr>
+ <th scope="col">#</th>
+ <th scope="col">First column</th>
+ <th scope="col">Second column</th>
+ <th scope="col" width="30%">Comment</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <th scope="row">1</th>
+ <td>Lorem Ipsum 1</td>
+ <td>Lorem Ipsum 2</td>
+ <td>
+ <div className="d-flex justify-content-center align-items-center gap-1 p-2 text-muted" style={{ cursor: 'pointer' }}>
+ <i className="far fa-comment text-muted"></i> Add Comment
+ </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ );
+ }
+
+ export default MyTable;
+
+
+
+
+ <template>
+ <table class="table table-hover table-bordered">
+ <thead>
+ <tr>
+ <th scope="col">#</th>
+ <th scope="col">First column</th>
+ <th scope="col">Second column</th>
+ <th scope="col" width="30%">Comment</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <th scope="row">1</th>
+ <td>Lorem Ipsum 1</td>
+ <td>Lorem Ipsum 2</td>
+ <td>
+ <div class="d-flex justify-content-center align-items-center gap-1 p-2 text-muted" style="cursor:pointer">
+ <i class="far fa-comment text-muted"></i> Add Comment
+ </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </template>
+ <script>
+ export default {
+ name: 'MyTable',
+ };
+ </script>
+ <style scoped>
+ /* Add your table-specific styles here */
+ </style>
+
+
-
Opened comment
@@ -172,8 +172,8 @@
#
- First Column
- Second Column
+ First column
+ Second column
Comment
@@ -216,8 +216,8 @@
#
- First Column
- Second Column
+ First column
+ Second column
Comment
@@ -260,8 +260,8 @@
#
- First Column
- Second Column
+ First column
+ Second column
Comment
@@ -464,8 +464,9 @@