对于这个全栈应用程序,我进入了原始开发人员似乎已经实现了一些组件来为应用程序的网页创建表格
问题是所有单元格的填充都很大。在chrome中打开渲染页面并使用chrome开发者工具我可以看到
Run Code Online (Sandbox Code Playgroud).MuiTableCell-sizeSmall{ padding: 6px 24px 6px 16px; }
看来 MuiTableCell 没有直接在代码中实现(因此我只能在渲染的 DOM 中看到它,而不是在代码中看到它)。看起来它主要实现了material-ui和material-table。
我有一点前端经验,但我不熟悉下一步要做什么来修改填充。
具体来说,通过使用 chrome 开发工具,我想将右侧填充(设置为 24px)设置为 0px,以便渲染的 DOM 使用此值
Run Code Online (Sandbox Code Playgroud).MuiTableCell-sizeSmall{ padding: 6px 0px 6px 16px; }
有什么建议吗?
我认为可能相关的一些来自 @Material-UI 的导入有:ToolBar、Appbar、FormControl、InputField、TextField、ViewColumn 和 TablePagination
从材质表导入的是“MaterialTable”和“MTableToolbar”
在intellij中我进行了盲目搜索,发现SizeSmall属性似乎来自TableCell(material-ui的一部分)
这是一个示例矩阵(但结果不应仅限于此处):
a=zeros(7,7);
a(5,3:6)=1;
a(2,2)=1;
a(2,4)=1;
a(7,1:2)=1
a=
0 0 0 0 0 0 0
0 1 0 1 0 0 0
0 0 0 0 0 0 0
0 0 0 0 0 0 0
0 0 1 1 1 1 0
0 0 0 0 0 0 0
1 1 0 0 0 0 0
Run Code Online (Sandbox Code Playgroud)
我想摆脱所有单独的1(噪音),这样我在第五行只有1行.
规则: - 如果有相邻的1(包括对角线),则1在'连接线'中,例如:
0 0 0 1 0 0 1 0 1
1 1 1 0 1 0 0 1 0
0 0 …Run Code Online (Sandbox Code Playgroud) 在 Reactjs 中,我使用 Material UI(核心 v4.12.3,lab 4.0.0-alpha.60)自动完成功能,它已设置为多选下拉菜单,并且我无法保持菜单打开。每当选择一个选项时,弹出菜单就会关闭,我必须再次手动打开它才能选择另一个选项。
我已经设置了disableCloseOnSelect={true} 但它仍然不起作用
环顾四周,我认为这个问题可能与我使用 onChange 将所选值保存到状态有关。有没有任何解决方法可以让disableCloseOnSelect正常工作?我认为一种方法可能是通过保存到状态来手动处理打开/关闭菜单,但由于我有几个这样的下拉菜单,管理所有这些下拉菜单的状态似乎并不好