first commit

This commit is contained in:
JOSEPH LE 2024-02-21 15:55:06 +07:00
parent b13e1bc5f5
commit 1e1ce78c49
1 changed files with 7 additions and 7 deletions

View File

@ -26,7 +26,7 @@ A library used to initialize a basic data table. Includes the main components of
[Sample data structure](#sample-data-structure) [Sample data structure](#sample-data-structure)
[Demo](#demo) [Demo](#demo-jdatatable)
## Tech Stack ## Tech Stack
**Language:** HTML, JavaScript. **Language:** HTML, JavaScript.
@ -45,7 +45,7 @@ Example:
<table class="table table-striped table-bordered table-hover" id="data_table"></table> <table class="table table-striped table-bordered table-hover" id="data_table"></table>
``` ```
#### 2. Initialize a _TableData_ class in javascript #### 2. Initialize a `TableData` class in javascript
Example: Example:
@ -262,7 +262,7 @@ Example:
Example: Example:
### HTML HTML
```html ```html
<!-- Filter --> <!-- Filter -->
@ -291,7 +291,7 @@ Example:
<!-- Filter --> <!-- Filter -->
``` ```
### JS JS
```js ```js
// Get values from form html and append to config -> re-render with new data // Get values from form html and append to config -> re-render with new data
@ -320,7 +320,7 @@ const getFormValues = () => {
Example: Example:
### HTML HTML
```html ```html
<!-- Search --> <!-- Search -->
@ -331,7 +331,7 @@ Example:
<!-- Search --> <!-- Search -->
``` ```
### JS JS
```js ```js
// Search for keywords by line (tr tag) // Search for keywords by line (tr tag)
@ -665,7 +665,7 @@ rowRender: (colName, colValue, row) => {
### *Note: The API that retrieves the data must ensure that the data returned is in the correct structure. Additionally, the sorting and filtering functions have been reconfigured. Information on handling APIs will be updated soon!.* ### *Note: The API that retrieves the data must ensure that the data returned is in the correct structure. Additionally, the sorting and filtering functions have been reconfigured. Information on handling APIs will be updated soon!.*
## [Demo](https://jsfiddle.net/joseph_le/eLx17fk9/880/) ## [Demo JDataTable](https://jsfiddle.net/joseph_le/eLx17fk9/880/)
## License ## License