material-table 相关问题

尽管已安装，但找不到模块“@tanstack/react-table”

我正在开发一个 TypeScript React 项目，我正在尝试从 columns.tsx 文件中的 @tanstack/react-table 导入 ColumnDef。从“@tanstack/react-table”导入{ColumnDef}；出口...

无法在 Material UI 日期选择器上显示错误和错误消息

我正在使用 React Material UI 我想在后端计算的某些条件下显示错误。我使用了 Material UI-datepicker 但无法显示错误从 'react' 导入 * as React；导入

Angular Material v17：缺少“MatFormFieldAppearance”中的“遗产”

在 Angular Material v14 中，MatFormFieldAppearance 提供了传统、标准、填充和轮廓值。类型 MatFormFieldAppearance = '旧版' | '标准' | '填充' | '大纲'; 然而，在 Angular

无法解决依赖关系：来自@material-ui/[email protected]的peer React@"^16.8.0 || ^17.0.0"

我使用创建了一个反应项目 npm 初始化 -y npm 安装 React React-dom 然后我尝试安装 Material UI npm 安装@material-ui/core 它得到错误 npm 错误！代码 ERESOLVE npm 错误！解决...

Angular Material 5 深色主题未应用于机身

我创建了一个“自定义”主题（使用 https://material.angular.io/guide/theming 上的主题文档，这非常糟糕），如下所示： @import '~@angular/material/theming'; @包括 mat-cor...

React Material 选项卡方向在响应式中发生变化？

如何更改响应式材质选项卡方向变化？我正在使用 React Material 版本 4 我需要桌面响应式的orientation=“horizontal”，它应该是orientation=“

@types/material-ui 和官方的@mui/types 包有什么区别？

npm 包：@types/material-ui 和 @mui/types 我知道前者受到 Definely Typed 社区的支持，但如果存在官方类型包，为什么它首先存在呢？我已经

从 Material UI Modal 中删除边框

我正在尝试使用 React Material UI 模态，但当它聚焦时，我总是在模态周围看到黑色边框。当它失焦时我已经删除了边框，但是如果模态聚焦......

如何在 Angular Material 2 中构建自定义组件

是否有任何标准方法可以在 Angular Material 2 之上构建自己的组件或扩展现有组件。之前我使用过 Sencha/ExtJS 框架，构建自己的框架非常简单

有没有办法使用角度材料拖放来调整大小

我正在使用 Angular 和 Material 创建一个 Web 应用程序，我希望能够拖放和调整我的部分的大小。有没有办法使用 Angular Material 拖放 CDK 来完成？

将 Angular Material 从 16 迁移到 17 时出现目录错误

我正在尝试运行 Angular Material 迁移工具以从 16 迁移到 17，但收到一条错误消息，指出目录必须是字符串。 JSON 显示它是错误的。这不是提示，a...

如何在 cockroachdb/postgresql 中执行相当于 ADD CONSTRAINT IF NOT EXISTS 的操作？

大多数 PostgreSQL 语句支持 IF NOT EXISTS 子句以允许幂等迁移，例如CREATE TABLE IF NOT EXISTS foo .... 但 ALTER TABLE ... ADD CONSTRAINT 不存在。我怎样才能写...

在MySQL中，desc和desc table命令有什么区别？

desc 表名；和 desc 表表名；给出不同的输出。有什么区别？我想查看表的结构，但不小心最终使用了 desc table 命令，它......

如何用React Material UI实现多行标签

我正在使用 React js 来开发我的 Web 应用程序，并且我正在使用 React 材料设计来进行 UI 设计。下面是我引用的网址。 https://material-ui-next.com/ 我正在努力实现一些目标...

在 React 16 中使用 RTL 测试 Material UI Drawer 的关闭逃逸功能

我正在尝试测试 Material UI Drawer。当您按 Esc 键或单击抽屉外部时，它应该关闭。但它正在失败。我正在使用反应测试库进行测试。我创建了一个

Angular Material 6 网格列表对齐项目并将内容对齐到 flex-start

我正在尝试使用 Angular Material 6 动态网格列表。与文档相关的示例将网格的内容放在每个图块的中心。请参阅此处的示例我想要内容进去...

如何在mysql中添加登录尝试

如何使用php代码在mysql上添加登录尝试？ :ALTER TABLE 用户添加列 login_attempts INT DEFAULT 0; ALTER TABLE 用户添加列 login_attempts INT DEFAULT 0；但是php代码怎么样呢？我有...

Flink 1.15 toRetractStream 转换错误：不支持收回流的 Legacy 转换

我正在将 Flink 1.9 升级到 1.15.2，并且使用 Table API 到 Datastream API 转换 (flink-table-api-scala-bridge) 的应用程序出现错误（见下文）。环境：弗林克：1.15.2 斯卡拉 2.1...

react-testing-library：无法关闭 MUI Select 的下拉菜单

我有一个 SelectExample.js 从“react”导入 React, { useState }; 从“@mui/material”导入{InputLabel、MenuItem、FormControl、Select、Typography }；> 导出默认fu...

使用 date-fns 和 Angular Material 日期选择器配置区域设置时，日期会消失

我正在尝试在我的 Anuglar 18 应用程序中使用 Angular Material 日期选择器配置 date-fns。但是，当我尝试配置区域设置时，日期选择器中的所有日期都不会出现。如果我记得...

JPA 映射（OneToMany、ManyToOne）

销售类 @实体 @Table(名称=“销售”) @AllArgsConstructor @NoArgs构造函数 @FieldDefaults(级别 = AccessLevel.PRIVATE) @数据公开课促销{ @ID @GenerateValue(策略 =

有没有办法在有条件的情况下隐藏v-data-table中的展开按钮？

借助 v-data-table 中的“show-expand”属性，展开按钮会显示在数据表的所有行中。借助 v-data-table 中的“show-expand”属性，展开按钮会显示在数据表的所有行中。 <v-data-table :expanded.sync="expanded1" :headers="headers1" :items="items" show-expand class="elevation-1" > 有没有办法根据 Vuetify 3 中的条件进行渲染？在 Vuetify 2 中，使用 item.data-table-expand 插槽来实现此目的。 <template #item.data-table-expand="{ item, expand, isExpanded }"> <td v-if="item?.versions?.length > 0" class="text-start"> <v-btn variant="text" density="comfortable" @click="expand(!isExpanded)" class="v-data-table__expand-icon" :class="{ 'v-data-table__expand-icon--active': isExpanded }" > <v-icon>mdi-chevron-down</v-icon> </v-btn> </td> </template> 但是，在 Vuetify 3 中使用相同的代码块会返回类型错误： Uncaught TypeError: expand is not a function expand 现在是 toggleExpand 并期望 internalItem 插槽道具 <template #item.data-table-expand="{ item, internalItem, toggleExpand, isExpanded }"> <td v-if="item?.versions?.length > 0" class="text-start"> <v-btn variant="text" density="comfortable" @click="toggleExpand(internalItem)" class="v-data-table__expand-icon" :class="{ 'v-data-table__expand-icon--active': isExpanded }" > <v-icon>mdi-chevron-down</v-icon> </v-btn> </td> </template>

MatFormFieldModule / MatLegacyFormFieldModule 未导入 MatInputFieldModule 时发生冲突

我必须在客户端项目中使用 Material Legacy 模块。现在，我使用 MatLegacyFormFieldModule 和 MatLegacyInputFieldModule 删除了所有出现的 MatFormFieldModule 和 MatInputFieldModule。

如何利用v-data-table中的item-class来增加字体大小？

我对 VueJs 比较陌生，并尝试将我的 v-data-table 项目（Vuetify 2）中的字体大小更新为 20px。在这样做的过程中，我遇到了物品等级。这种方法对 chang 来说是成功的...

Alpine.js 和 jQuery DataTables，x-on：在表内触发时单击功能不全

我的 Laravel 和 Alpine.js 刀片页面中有此表。名字我的 Laravel 和 Alpine.js 刀片页面中有此表。 <table id="projects-table"> <thead> <tr> <th>name</th> <th>actions</th> </tr> </thead> <tbody> @foreach($projects as $project) <tr> <td>{{ $project->name }}</td> <td><button x-data="{}" x-on:click="$dispatch('open-modal', 'edit-project')">edit</button></td> </tr> @endforeach </tbody> </table> 有了它，我有了这个 JavaScript 代码，可以将其转换为 jQuery DataTable document.addEventListener('DOMContentLoaded', function () { new DataTable('#projects-table'); }); 现在发生的情况是，当我单击 button 内的 td 时，我的模式不会触发当表不是 DataTable 时，一切正常。基本上发生了什么（可能），当 jQuery 操作元素时，@click 事件不会触发。有任何已知的修复方法吗？感谢所有帮助。解决方案是将表包含在由 Alpine 控制的标签中，并在 Alpine 启动后初始化 DataTable： <div x-data> <table id="projects-table">  </table> </div> <script> document.addEventListener('alpine:init', () => { new DataTable('#projects-table') }); </script> 通过这种方式，Alpine 可以检测到 DOM 何时被 DataTables 更改，然后重建他的引用。否则，在您的具体情况下，您可以使用 vanilla JS 发送自定义事件并保持其他内容不变：  <td> <button onclick="window.dispatchEvent(new CustomEvent('open-modal', { detail: 'edit-project' }))"> Edit </button> </td>   <div x-data="{isOpen: false}" x-show="isOpen" @open-modal.window="isOpen = true"> I'm open! <div>

迁移到 Hibernate 6：持久化 ArrayList

我有以下实体定义：导入 java.io.Serialized; 导入 java.time.ZonedDateTime; 导入java.util.ArrayList； @盖特 @塞特 @Entity(名称 = "轨迹地理数据") @Table（名称= ...

为什么 Jetpack Compose Material 3 Card 可组合项的内容需要 ColumnScope？

我正在使用 Jetpack Compose，最近注意到 androidx.compose.material3 包中的 Card 可组合项要求其内容在 ColumnScope 中提供。具体来说，

如何使用PowerQuery将数据导入Oracle

我通常通过PowerQuery连接Oracle和Excel。例如，我在 Excel 中下载 Oracle SERVER.TABLE，执行以下操作： = Odbc.Query("dsn=SERVER", "SELECT * FROM TABLE;"...

如何使用 FOSCKEditorBundle 处理插件的自定义默认值？

我想覆盖“table”插件的默认值，例如cellspadding（txtCellSpace）。使用：交响乐：6.4 Friendsofsymfony/ckeditor-bundle: v2.4 (CKeditor v4 in...

Material-UI DataGrid 隐藏特定单元格的标题分隔符

有没有办法隐藏特定（或所有）单元格的标题列分隔符？这是我的列定义 const orderCols = [ { 字段：'DOCDATE'， headerName：'Fecha'，flex：1 ...

如何在同一查询上区分按年份和按类别分组？

我想在distinct和groupby之后查询结果这是我的代码 $结果 = DB::table('dokumen') ->join('pengadaan', 'dokumen.id_jenis_pengadaan', '=', 'pengadaan.id') ...

在 SQL Developer 上运行创建表学生时出错：CREATE TABLE Students

创建表学生（年号(4) NOT NULL, 学期 VARCHAR2(1) NOT NULL CONSTRAINT Stu_sem_ck CHECK (学期 IN ('1', '2', '3')), 部门 VARCHAR2(3) NOT NULL, 课程编号...

Hibernate 更新后无法在视图上使用关联

场景是这样的： EntityA 和 EntityB 之间存在一对多关联： @实体 @Table（名称=“实体A”）实体A类{ @ID 长 idEntityA; @OneToMany(映射...

如何使用带有 Material UI 图标的样式化组件

我尝试使用覆盖“！”但这仍然不起作用，有没有办法设计它？我在网上到处查看都无济于事。从“反应”导入反应；从 'styled-

如何使用 Angular 服务创建 nx 库

我有几个 Angular 应用程序在 nx 工作区中运行。所有这些应用程序都使用 Angular Material 对话框。为此，我通常创建这样的 Angular 服务：导入 { 管理组件 }

创建分区时，Athena Iceberg 目前不支持查询类型

我在 Athena 中运行以下 sql 来创建分区 ALTER TABLE 数据库.表 ADD 分区（分区一='123'，分区二='456'）位置 's3:///data/

当偏移量设置为2时，Snowflake SQL输出从0开始

在 Snowflake 中运行以下查询： SELECT seq8() FROM table(generator(rowCount => 5)) limit 3 offset 2; 为什么offset设置为2时输出是从0开始的？

数组工厂 Laravel 上的随机选择值

我进行了用户迁移： $table->enum('type',['卖家','买家'])->default('卖家'); 我想在使用 ModelFactory 时如何获得随机值卖家或买家？ $factory->define(App\User::class,

RMarkdown 更改 PDF 文档中表格的编号

我想更改RMarkdown文档中表格的编号，以便附录中的所有表格在数字前面都有一个“A-”，即：“Table A-2”。仅在应用程序中...

类型“IntrinsicAttributes & RefAttributes<any>”上不存在属性“XXX”

我将编码作为一种爱好，并且正在使用 TypeScript 构建一个 React 网站。我找到了一个免费的 Material UI 模板，我正在尝试将其集成到现有代码中。模板是用

Angular Material 17 独立组件中没有 DateAdapter 的提供者

我有一个带有 Angular 17 应用程序的 nx 项目，并尝试使用带有材料 17.0.4 的 Angular 材料日期选择器。但我明白了 NullInjectorError：没有 DateAdapter 的提供者！错误。组件...

具有多个React版本和CSS隔离的模块联合

我有一个模块联合远程存储库，它是：使用 React 17 构建 Material-ui 4 包括 jss 有来自第三方库的自己的全局 CSS，我无法编辑我有多个主机...

Angular Material 浮动标签在悬停时消失或被切断

如果不需要的话，我不想禁用浮动标签，但它们对我来说表现不佳。当我将鼠标悬停在它们上方时，很多时候浮动标签会完全消失......

在添加新行时刷新 html 可编辑表格 - Bootstable

我使用 boostable 插件在运行时内联编辑 HTML 行。该插件位于 https://www.jqueryscript.net/table/Editable-Tables-jQuery-Bootstrap-Bootstable.html。问题是现在当我想要的时候

变换视图表

我想根据 SSMS (SQL Server) 中的源表在我的数据库中创建一个 VIEW TABLE。但获得想要的视图表格式非常困难。这里我举一个源表的例子。 C...

材质 UI 输入与只读视图的文本字段

我正在努力构建一个新的 Material UI 表单。我想知道是否有只读字段的首选组件。我正在比较输入和文本字段组件，但无法真正分辨出什么......

为什么BottomSheet的背景颜色与Flutter中Material 3中设置的颜色不一样？

我正在使用材质 3 并打开 BottomSheet，如下所示：显示ModalBottomSheet( 上下文：上下文，背景颜色：颜色.白色， ... 然而，背景并不是 100% 白色 - 它看起来像......

如何在 PostgreSQL 的 phinx 中将 'id' 设置为大整数并自动增量？

我尝试仅设置为biginter，但它失去了自动增量属性。所以我也尝试添加自动增量。 $table->changeColumn('id', 'biginteger', ['identity' => true])->update()...

JPA @Entity 注解的确切含义是什么？

我正在研究Spring应用程序中的JPA，我对@Entity注释有一些疑问。所以我有一个像这样的模型类： @实体 @Table（名称=“T_CUSTOMER”）公共类客户{ ...

创建不带实体表类的@Query select

从数据库返回 Json 而不使用 @Table(tableName) @Entity 等的代码应该是什么样的？例如，该 CustomResponse 未映射到数据库表，但通过该选择我想要得到

material-table 相关问题

最新问题