Giter Club home page Giter Club logo

Comments (1)

jordan-kaxig avatar jordan-kaxig commented on May 26, 2024

I solved it by using type: "singleSelect" instead of type: "boolean". For "singleSelect" types, you can define which value options you want. And also you could set the filterOperators to only hold the "is" operator.

So you would do:

import { getGridSingleSelectOperators } from "@mui/x-data-grid-pro";

const columns: GridColDef[] = [
  {
    field: "watchlist",
    headerName: "Wishlist",
    width: 120,
    type: "singleSelect",
    valueOptions: [
      { value: true, label: "Marked" },
      { value: false, label: "Unmarked" },
    ],
    filterOperators: getGridSingleSelectOperators().filter((operator) => operator.value === "is"),
    renderCell: (params) => (
      <CustomCheckbox
        rowId={params.id}
        columnId={params.field}
        checked={params.value}
        onCheckboxClick={() =>
          handleCheckboxClick(params.row.project_id, params.value)
        }
      />
    ),
  },
];

from mui-datatables.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.