![](/img/trans.png)
[英]Input field in MUI-datatable
是否可以將輸入字段添加到 MUI 數據表? 我希望用戶能夠修改 MUI 數據表中的數據。 但是customBodyRender對我不起作用。 該字段仍處於禁用狀態。 mui 數據表文檔我試圖根據這個例子來做。 但我無法讓它發揮作用。 MUI-datatables只是用來顯示數據的嗎? 我應該使用 ...
[英]Input field in MUI-datatable
是否可以將輸入字段添加到 MUI 數據表? 我希望用戶能夠修改 MUI 數據表中的數據。 但是customBodyRender對我不起作用。 該字段仍處於禁用狀態。 mui 數據表文檔我試圖根據這個例子來做。 但我無法讓它發揮作用。 MUI-datatables只是用來顯示數據的嗎? 我應該使用 ...
[英]How to create a custom MUI-Datatables search box with outlined style
MUI-Datatables v4.3.0 的默認 UI 如下所示: 我想做這種風格: 有關信息,我正在使用此 package:“@mui/material”:“^5.11.4”“mui-datatables”:“^4.3.0” 如何制作具有輪廓樣式的 TextField 或 Input。 ...
[英]Mui X Datagrid get dirty fields
使用啟用了experimentalFeatures={{ newEditingApi: true }}的 Mui Datagrid v5。 我的用例相當簡單,但我無法從文檔中弄清楚。 給定一個包含一列的表格,我正在嘗試更新用戶編輯的單元格下方的所有單元格。 初始渲染: ID 數量 1個 50 2 ...
[英]hide pagination and toolbar when printing MUIDataTable mui-datatables
當我單擊打印時,我只想打印除工具欄和分頁之外的表格數據,我不需要它們出現。 我沒有在我使用 MUIDataTable 的 MUIDataTable 文檔中找到如何解決這個問題 ... ...
[英]Property 'roleName' does not exist on type 'never'
您在紅線中看到的 id、rolename 來自 api 數據。 我沒有得到我需要指定 id 和角色名來自 api 的地方。所有 select 元素都發生了同樣的事情。 所有下拉列表都是動態的,其中 id 和 rolename 來自 api。我將在其中指定動態的 rolename、id、value、 ...
[英]How to add data to an MUI table column-wise instead of row-wise?
再會! 這是我用於涉及 MUI 表的項目的沙箱反應代碼: 我一直在為此絞盡腦汁,但似乎無法找到解決方案。 我怎樣才能按列而不是按行添加到這個表中? 在第 57-67 行中,首先創建行,然后按行從左到右填充數據。 給出的數據如下所示: 我提到的這些行所做的是它獲取數據中的對象之一並按行附加它們我使 ...
[英]Material UI V5 change color of selected row
如何將這些表格行之一設置為“已選擇”或“活動”並在單擊時將行的字體顏色更改為紅色? Also when one row is selected, deselect the other rows. 我看到了有關如何使用更復雜的表和以前版本的 MUI 而不是當前版本中的基本表的示例。 這是代碼: 編輯 ...
[英]Nivo charts wont animate if its inside a styled MUI component
我正在使用@nivo/core和@mui/material 。 經過大量調試后,我能夠縮小我的問題范圍:如果我們的 Nivo 圖表在styled() MUI 組件內,它似乎會閃爍並且無法正確設置動畫。 這里的核心問題是什么? 我是在 Mui 中發現了一個錯誤還是我以某種方式使用得很糟糕? 根本問題是 ...
[英]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 為該特定頁面返回了數據。 ...
[英]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 用於數據網格以及一個文件中的搜索選項。 我正在獲取另一個文件中的數據。 現在每次我進行更改並保存文件時 ...
[英]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 not displaying Edit and Delete buttons in a row React js
我無法在行數據中呈現編輯和刪除的自定義代碼。我正在使用傳遞列和行的 MUI 數據表。但是,對於行數據顯示正常,但編輯和刪除 [object object] 顯示而不是渲染組件。 下面是代碼在 map function 中,我添加了編輯和刪除代碼,但它向我顯示的是 [object object] 而 ...
[英]Display row data of all columns upon selecting row or checkbox in MUI datatable
我有一個 MUI 數據表。 屬性定義如下 如果我 select 特定行或該行中的復選框,我想將整行內容顯示為 Json 或字符串。 我該怎么做呢? 我讀過我們可以使用 但我不確定如何使用它。 有人可以指導我嗎? 我也看過這個鏈接以供參考,但不確定它是否有效 沙盒示例 ...
[英]How to prevent mui datatables render when set states in onRowSelectionChange
我目前正在使用"mui-datatables": "^4.2.2"處理 React js 項目。 我有一個在頁面上划分的數據列表,可以通過復選框選擇一個項目: 我的問題: 當我在第二頁 select 一個項目時,組件重新渲染並自動回到第一頁。 我認為問題在於 onRowSelectionChang ...
[英]How would you add a "Select All" option in an AntD table filter?
我有一個“行業”列的過濾器菜單。 假設用戶想要 select 所有行業,除了一個。 有沒有辦法實現 select 所有選項的“全選”按鈕(可能在“重置”按鈕旁邊),以便用戶可以取消選擇他想要排除的選項? 這是我的“行業”列的代碼和我的過濾器菜單現在的屏幕截圖。 PS。 我的功能更容易集成到 M ...
[英]Pass Row ID to a custom component in MUI Datagrid Pro
我正在嘗試根據詳細信息面板內其他復選框的選擇狀態將不確定的 state 添加到行復選框。 為此,我正在創建一個自定義復選框組件並執行一些邏輯以查看不確定是否應該為真,唯一的問題是該復選框需要訪問與其關聯的行 ID 才能進行該檢查。 到目前為止,除了 MUI 給定的 CheckboxProps 之外, ...
[英]triggering mui datagrid export csv from a button click
我正在使用@mui/x-data-grid ,它具有使用<GridToolbarExport />將表數據導出到 CSV 的功能,效果很好,現在我想知道是否有辦法從另一個按鈕(如我在下面的屏幕截圖中顯示了“下載”按鈕 我知道一些 CSS 我可以將 mui/datagrid 導出按鈕移到 ...
[英]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 菜單從按鈕的左下角開始下拉。 但是,正如在我的代碼沙箱中可見的那樣,菜單從我想要的所需位置開始一點點。 ...