filter-dropdown

a filter dropdown look like ant-design table filter

demo

useage

npm i -S filter-dropdown

or

use script tag filter-dropdown.js

const filterDropdown = new FilterDropdown(
  // trigger element
  document.getElementById("dropdown"),
  // data
  [
    { name: "id", value: 0 },
    { name: "name", value: 1 },
    { name: "age", value: 2 }
  ],
  // onChange
  checked => console.log(checked),
  // options
  {
    okText: "ok",
    resetText: "reset",
    alignment: "center", // "left","center","right",default "left"
    radio: true, // default false
    offsetTop: 6 // dropdown top offset,default 0
  }
);
// destroy
filterDropdown.destroy();
// open and close (must be mounted so you should click the trigger element first)
filterDropdown.open();
filterDropdown.close();