Merge pull request #202 from HC200ok/feature/table-node-id

add tableNodeId prop

package.json

@@ -3,7 +3,7 @@
   "author": "HC200ok",
   "description": "A customizable and easy-to-use data table component made with Vue.js 3.x.",
   "private": false,
-  "version": "1.5.25",
+  "version": "1.5.26",
   "types": "./types/main.d.ts",
   "license": "MIT",
   "files": [

src/components/DataTable.vue

@@ -16,7 +16,7 @@
         'border-cell': borderCell,
       }"
     >
-      <table>
+      <table :id="tableNodeId">
         <colgroup>
           <col
             v-for="(header, index) in headersForRender"
@@ -319,6 +319,7 @@ const props = defineProps({
 });
 
 const {
+  tableNodeId,
   clickEventType,
   bodyTextDirection,
   checkboxColumnWidth,

src/modes/Client.vue

@@ -10,6 +10,7 @@
   <input type="text" v-model="searchValue">
   <div>
     <DataTable
+      table-node-id="my-table"
       v-model:items-selected="itemsSelected"
       click-row-to-expand
       ref="dataTable"

src/propsWithDefault.ts

@@ -187,4 +187,8 @@ export default {
     type: Boolean,
     default: false,
   },
+  tableNodeId: {
+    type: String,
+    default: '',
+  },
 };