# dashboard-extension-simple-table
**Repository Path**: mirrors_DevExpress/dashboard-extension-simple-table
## Basic Information
- **Project Name**: dashboard-extension-simple-table
- **Description**: ⛔ DEPRECATED. This project was moved to a new repository. Visit https://github.com/DevExpress/dashboard-extensions to find an updated version.
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-24
- **Last Updated**: 2026-01-24
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
⛔ DEPRECATED. This project was moved to a new repository. Visit [dashboard-extensions](https://github.com/DevExpress/dashboard-extensions) to find an updated version.
The current repository does not support the [modular approach](https://docs.devexpress.com/Dashboard/119108/) for HTML JS Dashboard and will not be updated in the future.
------
A custom **Simple Table** item renders data from the measure / dimensions as an HTML table.
You can use the Simple Table as a detail item along with the Master-Filtering feature.
## Installation
To add a custom Simple Table item extension to the Web Dashboard, follow the steps below.
1. Download the latest version of scripts [here](https://github.com/DevExpress/dashboard-extension-simple-table/releases).
2. Add the *dist* folder in your project.
3. Attach the download script to the project inside the `` section before the end tag onto the page containing Web Dashboard.
```xml
```
4. Handle the Web Dashboard's [BeforeRender](https://documentation.devexpress.com/#Dashboard/DevExpressDashboardWebScriptsASPxClientDashboard_BeforeRendertopic) event to perform client-side customization of the Web Dashboard control before the control and its elements have been rendered.
```xml
```
```C#
@* For ASP.NET MVC *@
@Html.DevExpress().Dashboard(settings => {
settings.Name = "Dashboard";
settings.ClientSideEvents.BeforeRender = "onBeforeRender";
}).GetHtml()
```
5. Register the custom item extension to add the Simple Table to the Web Dashboard.
```javascript
function onBeforeRender(sender) {
var dashboardControl = sender.GetDashboardControl();
dashboardControl.registerExtension(new CustomItemSimpleTableExtension(dashboardControl));
}
```
## Settings
The **Simple Table** dashboard item supports the following setting that you can configure in the Web Dashboard UI:
* **Show Headers** - Specifies whether to show the field headers in the table. The default value is *Auto*.
## Development
You can use this extension code as a base for your own [dashboard item extension](https://documentation.devexpress.com/#Dashboard/CustomDocument117546) development.
Before you start, we advise you to [fork](https://help.github.com/articles/fork-a-repo/) this repository and work with your own copy.
1. Clone this extension to get a local copy of the repository.
```Batchfile
git clone https://github.com/DevExpress/dashboard-extension-simple-table.git
cd dashboard-extension-simple-table
```
2. In this extension we use the [Node.js](https://nodejs.org/en/about/) toolset. Use the command below to install all modules listed as dependencies in the extension's **package.json** file.
```Batchfile
npm install
```
3. Then install [Gulp](http://gulpjs.com) to build the solution. You can install it globally...
```Batchfile
npm install -g gulp
gulp build
```
... or use a local Gulp version.
```Batchfile
.\node_modules\.bin\gulp build
```
You can find the resulting files at ```...\dashboard-extension-simple-table\dist```:
**simple-table.js** and **simple-table.min.js**.
## License
This extension is distributed under the **MIT** license (free and open-source), but can only be used with a commercial DevExpress Dashboard software product. You can [review the license terms](https://www.devexpress.com/Support/EULAs/NetComponents.xml) or [download a free trial version](https://go.devexpress.com/DevExpressDownload_UniversalTrial.aspx) of the Dashboard suite at [DevExpress.com](https://www.devexpress.com).
## Support & Feedback
* Refer to [this section](https://documentation.devexpress.com/#Dashboard/CustomDocument117232) for general information about client-side extensions.
* To learn how to create a custom item, see the following [KB article](https://www.devexpress.com/Support/Center/Question/Details/T491984).
* To address questions regarding the Web Dashboard and JavaScript API, use [DevExpress Support Center](https://www.devexpress.com/Support/Center).