table
Here are 486 public repositories matching this topic...
Describe the bug (required)
Seems like the following unique premade aggregation not working well:
https://github.com/tannerlinsley/react-table/blob/master/src/aggregations.js#L70-L72
I have the following column:
{
variety: 'x',
Header: 'x',
accessor: d => d.id,
aggregate: 'unique',
aggregateValue: 'unique',
Aggregated: a => {
const {
c
Methods i feel are missing or inconsistent (Removing row by index,Expand/Collapse row by unique id)
I might be missing these methods, or easy implementation but I just can't seem to find them in the documentation and examples.
Removing row by index. - You insert and update row by index, however removing row is suddenly by definite field and value or unique Id. I often missed ability to remove a row by its index instead of having to look for a value in that one specific row so that i can remov
Below steps leads to unexpected behavior:
- Mouse click on any cell
- Release the mouse
- Move the mouse to hover other cells
- The application will automatically select those hover cell
Codesandbox: https://4jdit.csb.app
Code:
import React, { useState } from "react";
import ReactDataSheet from "react-datasheet";
import "react-datasheet/lib/react-datasheet.css";
exporThis isn't so much an issue as a question about contributing --
I'm an avid user of the library, and have submitted a few issues in the past as well. I'd love to contribute to the library and I thought a good way to start would be by improving the docs, starting with React.
Since React has added hooks and is moving away from class components, I t
This seems to be a fairly popular request as it has been asked about several times over the years, so I wonder if it would be worth adding as a feature to tabulator in some form.
Some examples of the request:
olifolkerd/tabulator#527
olifolkerd/tabulator#1511
olifolkerd/tabulator#1759
I also opened (and answered
As the above Fiddle demonstrates, moving rows between grids doesn't seem to update each grid's pagination. This leads to pages not being added in the destination (and the row seemingly being lost) and all kind of oddness in the source. I'd think this could be resolved with a reloadGrid on each but the ondrop event, according to the documentation, doesn't pass the s
Griddle version
1.13.1
Expected Behavior
Custom filter component is passed onChange props to set filter as described in this example.
Actual Behavior
Custom filter component is passed setFilter props instead.
Steps to reproduce
Implement this example code using Griddle 1.13.1
class Filter extends Componen
I have enabled expand row on click of a row. At the same time, I have a column called Actions. When I click on any action let's say tag action, the action is performed the row is expanded.
Is there a way to stop the row from expanding on this particular column?
I went through the doc https://react-bootstrap-table.github.io/react-bootstrap-table2/docs/row-expand-props.html but no luck s
这个新特性和一个问题相关吗?简单描述下,比如我什么场景下,需要解决什么问题,发现表格不支持这个功能
Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
**描述下,你希望得到的什么解决方案 **
Describe the solution you'd like
A clear and concise description of what you want to happen.
是否有不错的替代方案
**Describe alternatives you've considered
Describe the bug
I tried to follow the documentation on styling the header, overriding the header using withStyles and overriding the theme. In all cases I could not find a way to make the header correctly handle a dark background. I had specific trouble when it came to the sorting indicator.
To Reproduce
- https://material-table.com/#/docs/features/styling
- Sort one of the column
Sorry this isn't really about the library itself, although I suppose it could be described as a documentation issue. The website http://lorenzofox3.github.io/smart-table-website/ causes a massive memory spike when I open it in either Firefox or Chrome, eventually crashing the computer and forcing me to reboot with the power switch. This happens on both Ubuntu and Windows 7 (although on the same ma
表格内按钮状态/样式修改
(必填)这个需求解决了什么问题 What problem does this feature solve
?表格内有一个或多个操作按钮,我希望在点击这些按钮后显示loading,并在稍后处理完毕后恢复。
(必填)请填写问题链接来描述为什么无法实现该功能,例如(jsfiddle、codesandbox、jsrun) Reproduction link
?如果要实现这样的功能,就需要使用 $event 把原生DOM 事件传入处理方法,但目前vxe-button好像无法这样传入(表格内用原生非vxe-按钮要单独调样式)。
In #706 ember-cli-addon-docs was updated and the branding color defaulted to ember's orangey-red, and the hero image also changed (Addepar/ember-table#706 (review)).
Fix these up before deploying the docs.
- Vue.js version: 2.6.10
- Nuxt.js version: 2.10.2
nuxt.config.js
plugins: [
....
{
src: "~plugins/vue-tables-2.js",
ssr: true, //or false, the same
},
..../plugins/vue-tables-2.js
import {
ServerTable
} from 'vue-tables-2'
export default ({
app: {
$axios,
},
}, inject) => {
Vue.use(ServeWhen the scroll container has left and/or right padding the width of the floatThead-container is not calculated correctly and the table headers are positioned over the scrollbar which makes the top of the scrollbar not usable.
Steps to reproduce:
- Add a div with left and right padding around the table and add the floatthead plugin on the table with the div as the scrollContainer.
- Now try t
-
Updated
Jun 1, 2020 - JavaScript
Regex filter
I see Regex Filter in the roadmap https://react-bootstrap-table.github.io/react-bootstrap-table2/blog/2018/01/24/release-plan.html
But cannot find it in the current code. Will it be implemented soon? Thanks.
-
Updated
Jun 6, 2020 - JavaScript
@bebraw , are you interested if I submit a patch to lock the left columns using css sticky?
I wrote https://reactabular.js.org/#/examples/fixed-columns.
But a built in numberOfPinnedColumns might be user friendly.
It's technically easy (see https://stackoverflow.com/questions/15811653/table-with-fixed-header-and-fixed-column-on-pure-css).
Need extra sanity check code (IE11 does no
I've added a material-ui checkbox cell to each row in column 1 of my table, including a similar checkbox for the table header. If I click on the checkbox in a given row, then it checks as expected. I also added the ability to click the checkbox in the header and have all of the rows checked. However, after clicking on the checkbox in the header I have to hover over the rows in order to see that th
-
Updated
Feb 23, 2020 - JavaScript
Feature Check list
- Agree to the Code of Conduct
- Read the README to ensure the feature is not already present
- You read Creating Issues, Features and Pull Requests
- Considered the value versus complexity for al
Placing a <div id="datatable"></div> within a bootstrap <div class="container"> broke the datatable such that certain view port sizes had no datatable showing. This was confusing, and gotcha note in the docs could be helpful.
Example out-of-date
The documentation examples give an error from JS Bin. I'm guessing they changed their API for embedding fiddles and now to embed an https link you need a pro account. I suggest for the time being assuming no one wants to use a pro account for this the fiddles should be linked instead of embedded.
![image](https://user-images.githubusercontent.com/3244900/54559578-b7dac280-4996-11e9-89f6-d2a
-
Updated
Nov 22, 2019 - JavaScript
-
Updated
Jul 24, 2019 - JavaScript
Improve this page
Add a description, image, and links to the table topic page so that developers can more easily learn about it.
Add this topic to your repo
To associate your repository with the table topic, visit your repo's landing page and select "manage topics."
The resulting .ODS file contains: