cost 334 ms
MUI 數據表中的輸入字段

[英]Input field in MUI-datatable

是否可以將輸入字段添加到 MUI 數據表? 我希望用戶能夠修改 MUI 數據表中的數據。 但是customBodyRender對我不起作用。 該字段仍處於禁用狀態。 mui 數據表文檔我試圖根據這個例子來做。 但我無法讓它發揮作用。 MUI-datatables只是用來顯示數據的嗎? 我應該使用 ...

Mui X Datagrid 弄臟字段

[英]Mui X Datagrid get dirty fields

使用啟用了experimentalFeatures={{ newEditingApi: true }}的 Mui Datagrid v5。 我的用例相當簡單,但我無法從文檔中弄清楚。 給定一個包含一列的表格,我正在嘗試更新用戶編輯的單元格下方的所有單元格。 初始渲染: ID 數量 1個 50 2 ...

類型“從不”上不存在屬性“roleName”

[英]Property 'roleName' does not exist on type 'never'

您在紅線中看到的 id、rolename 來自 api 數據。 我沒有得到我需要指定 id 和角色名來自 api 的地方。所有 select 元素都發生了同樣的事情。 所有下拉列表都是動態的,其中 id 和 rolename 來自 api。我將在其中指定動態的 rolename、id、value、 ...

如何將數據按列而不是按行添加到 MUI 表中?

[英]How to add data to an MUI table column-wise instead of row-wise?

再會! 這是我用於涉及 MUI 表的項目的沙箱反應代碼: 我一直在為此絞盡腦汁,但似乎無法找到解決方案。 我怎樣才能按列而不是按行添加到這個表中? 在第 57-67 行中,首先創建行,然后按行從左到右填充數據。 給出的數據如下所示: 我提到的這些行所做的是它獲取數據中的對象之一並按行附加它們我使 ...

Material UI V5 更改所選行的顏色

[英]Material UI V5 change color of selected row

如何將這些表格行之一設置為“已選擇”或“活動”並在單擊時將行的字體顏色更改為紅色? Also when one row is selected, deselect the other rows. 我看到了有關如何使用更復雜的表和以前版本的 MUI 而不是當前版本中的基本表的示例。 這是代碼: 編輯 ...

如果 Nivo 圖表位於樣式化的 MUI 組件內,則不會設置動畫

[英]Nivo charts wont animate if its inside a styled MUI component

我正在使用@nivo/core和@mui/material 。 經過大量調試后,我能夠縮小我的問題范圍:如果我們的 Nivo 圖表在styled() MUI 組件內,它似乎會閃爍並且無法正確設置動畫。 這里的核心問題是什么? 我是在 Mui 中發現了一個錯誤還是我以某種方式使用得很糟糕? 根本問題是 ...

MUIDataTable 服務器端分頁 - “不存在匹配記錄”- 當我移至下一頁時。 即使在 .network 選項卡上返回了數據

[英]MUIDataTable server side pagination - "no matching records exist"- when I move to the next page. Even though data is returned on the network tab

我在 next.js 應用程序上使用 MUIDatatable。 我已經實現了服務器端分頁,我將偏移值和限制作為 url 參數發送,並且 api 在每次頁面更改時返回數據。 但是,數據僅顯示在第一頁上。 當我導航到下一頁時,我顯示 - “不存在匹配記錄” - 盡管 api 為該特定頁面返回了數據。 ...

如何在數據網格 Material-UI 中單擊按鈕時添加 React 組件?

[英]How do I add React component on button click in Data Grid Material-UI?

當我單擊 Material-UI 的數據網格中單元格中的下載按鈕時,我想打開一個類似彈出窗口的組件“ViewDownload.js”。 有人可以幫助我如何實現這一目標嗎? 當我單擊“下載”按鈕時,它應該在當前屏幕頂部打開一個新組件(如彈出窗口)。 ...

如何在打字時防止重新渲染

[英]How to prevent re-rendering while typing

我有一個看起來像這樣的 React 頁面: 問題是,在左側的一個文本字段中的每一次擊鍵都會導致右側的表格重新呈現,這使得輸入速度非常慢。 我嘗試在 Datatable 組件中使用“useMemo”,希望它可以防止表格重新呈現,但它沒有幫助。 我可能做錯了什么,但我不知道是什么,現在我真的有貨了。 ...

最初未在數據網格中加載的值

[英]value not loading initially in datagrid

我正在嘗試使用 api 獲取數據並在我的數據網格中顯示數據。 但最初沒有加載數據。 雖然我可以得到數據,但我不知道為什么它沒有顯示在數據網格中。 我實際上在做的是,我有一個通用的 function 用於數據網格以及一個文件中的搜索選項。 我正在獲取另一個文件中的數據。 現在每次我進行更改並保存文件時 ...

如果單元格未通過驗證,然后被單擊,則將 MUI 數據網格中的更改恢復為原始狀態

[英]Revert changes in MUI datagrid to original if the cell does not pass validation and then is clicked out of

我目前有一個 MUI 數據網格,我正在其中驗證 email 字段。 驗證有效,並且它確實恢復到原始狀態,但前提是按下了轉義鍵。 為此,我修改了他們提供的MUI 驗證示例,如果驗證失敗,將在該示例中顯示工具提示。 如果驗證失敗然后單擊單元格,我希望它恢復為原始狀態。 我嘗試使用 onBlur 和 st ...

Material UI Datagrid沒有連續顯示編輯和刪除按鈕React js

[英]Material UI Datagrid not displaying Edit and Delete buttons in a row React js

我無法在行數據中呈現編輯和刪除的自定義代碼。我正在使用傳遞列和行的 MUI 數據表。但是,對於行數據顯示正常,但編輯和刪除 [object object] 顯示而不是渲染組件。 下面是代碼在 map function 中,我添加了編輯和刪除代碼,但它向我顯示的是 [object object] 而 ...

在 MUI 數據表中選擇行或復選框時顯示所有列的行數據

[英]Display row data of all columns upon selecting row or checkbox in MUI datatable

我有一個 MUI 數據表。 屬性定義如下 如果我 select 特定行或該行中的復選框,我想將整行內容顯示為 Json 或字符串。 我該怎么做呢? 我讀過我們可以使用 但我不確定如何使用它。 有人可以指導我嗎? 我也看過這個鏈接以供參考,但不確定它是否有效 沙盒示例 ...

在 onRowSelectionChange 中設置狀態時如何防止 mui 數據表呈現

[英]How to prevent mui datatables render when set states in onRowSelectionChange

我目前正在使用"mui-datatables": "^4.2.2"處理 React js 項目。 我有一個在頁面上划分的數據列表,可以通過復選框選擇一個項目: 我的問題: 當我在第二頁 select 一個項目時,組件重新渲染並自動回到第一頁。 我認為問題在於 onRowSelectionChang ...

如何在 AntD 表過濾器中添加“全選”選項?

[英]How would you add a "Select All" option in an AntD table filter?

我有一個“行業”列的過濾器菜單。 假設用戶想要 select 所有行業,除了一個。 有沒有辦法實現 select 所有選項的“全選”按鈕(可能在“重置”按鈕旁邊),以便用戶可以取消選擇他想要排除的選項? 這是我的“行業”列的代碼和我的過濾器菜單現在的屏幕截圖。 PS。 我的功能更容易集成到 M ...

將行 ID 傳遞給 MUI Datagrid Pro 中的自定義組件

[英]Pass Row ID to a custom component in MUI Datagrid Pro

我正在嘗試根據詳細信息面板內其他復選框的選擇狀態將不確定的 state 添加到行復選框。 為此,我正在創建一個自定義復選框組件並執行一些邏輯以查看不確定是否應該為真,唯一的問題是該復選框需要訪問與其關聯的行 ID 才能進行該檢查。 到目前為止,除了 MUI 給定的 CheckboxProps 之外, ...

通過單擊按鈕觸發 mui datagrid export csv

[英]triggering mui datagrid export csv from a button click

我正在使用@mui/x-data-grid ,它具有使用<GridToolbarExport />將表數據導出到 CSV 的功能,效果很好,現在我想知道是否有辦法從另一個按鈕(如我在下面的屏幕截圖中顯示了“下載”按鈕 我知道一些 CSS 我可以將 mui/datagrid 導出按鈕移到 ...

如何在按鈕左下角制作 Material UI 菜單下拉菜單

[英]How to make the Material UI menu dropdown at the bottom left of the button

我希望你們做得很好:這是我的代碼沙箱: https://codesandbox.io/s/hungry-agnesi-vn6039?file=/demo.tsx 我目前想讓 Material UI 菜單從按鈕的左下角開始下拉。 但是,正如在我的代碼沙箱中可見的那樣,菜單從我想要的所需位置開始一點點。 ...


 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM