{"_id":"@autotrof/av-datatable","_rev":"13-d14403376bb4350922eff72856846a3f","name":"@autotrof/av-datatable","dist-tags":{"latest":"1.1.3","beta":"0.0.6"},"versions":{"0.0.1":{"name":"@autotrof/av-datatable","version":"0.0.1","type":"module","main":"./dist/av-datatable.umd.js","module":"./dist/av-datatable.es.js","exports":{".":{"import":"./dist/av-datatable.es.js","require":"./dist/av-datatable.umd.js"},"./dist/style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"vue":"^3.2.47"},"devDependencies":{"@vitejs/plugin-vue":"^4.1.0","vite":"^4.3.2"},"gitHead":"79ab151ad1828fff895b558ae7e79e0de84020c2","description":"This is Vue3 component that can render a table like datatable without jquery","_id":"@autotrof/av-datatable@0.0.1","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-A+YOgYPB3sXVzvbyq8u7bQuR/qwb4QrVrwdfhuLIeuQ5Xr0I6LCflo+xVADYAdZBz9ReVbKGRH3ss/U1i1YXWA==","shasum":"753e0131939e80218b4f2f916e26dd8ef64f658a","tarball":"https://registry.npmjs.org/@autotrof/av-datatable/-/av-datatable-0.0.1.tgz","fileCount":5,"unpackedSize":24874,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDkFfnpFAstI/hBLLIBRSJkj0Bo0LXGGtkxEaOLrCCDtAIgUHb9DA4iX35j5pTnQgL4odHTFtEILUckGz4TACFM3C8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkTKE+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFQA//VAbbHOqx+2bCE9psF3fytAc6ql8lGrIYnYILelu7DCFuZvnL\r\nv+DmxmMN6hV+gLfvzDvHdqbcsAQHBXjNJDfSuhtCLO3pPiC0RqGzG0QnKqk/\r\nJiBR8ORdgxSnMm2/Jy55DmEoJjlOJQTHhdQjKLWMz8lEGYFb9mqGeWD3CvMs\r\nYwcH7QLJHWqC3ikq7C4WX+6Qk2dJccjq6R7vSkkQcT80+w5Q1PujP20kyU91\r\n1IDYlfiOkah+LzI+7vQsnqa4hRCQ7G69Q7IkWGqu4yjvoxSB2z9ZMUMVIRXN\r\nUSVgSo9gj1UO2UVB3vbgreYmKdQ0Ju6NxCE7pz3+vcorvYInGn005apviuRM\r\npvGgMX3aVkNpsTWzKnxyMD5mJ+VStw8PuALBtndsdXEr+i08lhM98pZK4kx+\r\nu7daA/dz4tc0pWzLuOtyK9ay5TVIycdzQqE81esta00Z0bbc4ikxL6glX+ry\r\nO1K7XISaQC/dzt7VWixH/sSw7m18wgeRWPlVeZHHJV/uM7y1uO2NcOIjghAi\r\n58v/SHjgUPWzww6hd/xJjsssaSNcmRyfSyvzzpa1dr1Ku1GEWpcFMpVwgTFb\r\nWyEUxhnenwSBcWpAJDVmIbkq2EoXp7uhUx2MWiGCB2LvnRq0+/IdyvdDpKqS\r\nn9ZtoKyTrQvwq9ftSFScLd/IuZpmPU2won0=\r\n=UHJU\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"autotrof","email":"upload.kurniawan@gmail.com"},"directories":{},"maintainers":[{"name":"autotrof","email":"upload.kurniawan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/av-datatable_0.0.1_1682743614512_0.8223169832014172"},"_hasShrinkwrap":false},"0.0.2":{"name":"@autotrof/av-datatable","version":"0.0.2","type":"module","main":"./dist/av-datatable.umd.js","module":"./dist/av-datatable.es.js","exports":{".":{"import":"./dist/av-datatable.es.js","require":"./dist/av-datatable.umd.js"},"./dist/style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"vue":"^3.2.47"},"devDependencies":{"@vitejs/plugin-vue":"^4.1.0","vite":"^4.3.2"},"repository":{"type":"git","url":"git+https://github.com/autotrof/av-datatable.git"},"gitHead":"74a7ab27f4d564e1e19ee5c816c0490caa94598c","description":"This is Vue3 component that can render a table like datatable without jquery","bugs":{"url":"https://github.com/autotrof/av-datatable/issues"},"homepage":"https://github.com/autotrof/av-datatable#readme","_id":"@autotrof/av-datatable@0.0.2","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-aCvSMVt6zQCxlQjOz9TLPv1DnrJuGXUUoKVSfhoN5A1SmIpV/gZmw9etgm5dfZC6d8jrMSzbPlxMPYgyDA4Z5w==","shasum":"3c2e819160b1cc419634d9b9db5b8b79e4ea0b9a","tarball":"https://registry.npmjs.org/@autotrof/av-datatable/-/av-datatable-0.0.2.tgz","fileCount":5,"unpackedSize":24970,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHm+zL2Q15tKaKZa1OvhGtzJFItYPvjSmZniTuY1qgRoAiEAtaU3ADvRq+aLGX3xRkv4SzGp3yxjEU7i40mylU2B58I="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkTKIdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqBPA/9FJMuptae5HzUiqbhmzbpSiPsrnmmBvwTswKN4yb6fWdpci2/\r\nk2h/xH1RdwLizyD2A1yVvT5nqpV2vy1yzV74QkPOuzm0IV1zjE1ANBvBmvkz\r\nCJUyQeMvasYne9VRfj06W31sMQeIUc7iL05E87UmTTjCztx9Ge9X50hyrRYE\r\nrBlf/Q2DShmewuIZ/5Gn7r4wR6wViEvZsoT0ny/jB0MX3KxYpbuV0oSl5Ah1\r\n5TXkcbkj7fQgbOgVTQIV4OnKquA4wK9IPaZsjsKcpUBGegUY6FXIg2Z+VxF2\r\nH9dcyrpkvLWRw27FYgn0rDKW1KFjHEhSBqcSTaFGhep4oaja3gF36ZNFF7RS\r\nl/dok6rTJVBdvnkzT+H/b7bzCx1VA8iKXb2PsoS1GTOVnCpf9re42HqwULKn\r\nRncThPiipXYrhKDnmqpjGgvmh2op4RfMfTmo9BtLJw8a4QZzFD+INeSuM1mS\r\nha6fO2SETKdC2Yd45uS1q2iSzd32YiLvKMP5EAvBisLiZkAkXizx0DnlGJRO\r\nU+XeIs6Jm+TLB14tDmtF9yMU7oyukUAR1A0YZUqtUDsQcmHSEHl9vCK8I8HO\r\nZi0mO/XZ8aQ8iLU20fpLjkrRh220rK045CqxhFsCOxJuczZmTJ5llCj2l+1s\r\nqRnLdwFjlOtRt8RgjdMn0BPe6GxHxjASYYc=\r\n=oU0N\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"autotrof","email":"upload.kurniawan@gmail.com"},"directories":{},"maintainers":[{"name":"autotrof","email":"upload.kurniawan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/av-datatable_0.0.2_1682743837235_0.09425043245242981"},"_hasShrinkwrap":false},"0.0.3":{"name":"@autotrof/av-datatable","version":"0.0.3","type":"module","main":"./dist/av-datatable.umd.js","module":"./dist/av-datatable.es.js","exports":{".":{"import":"./dist/av-datatable.es.js","require":"./dist/av-datatable.umd.js"},"./dist/style.css":"./dist/style.css","./component.vue":"./src/AvDatatable.vue"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview","watch":"watch 'npm run build' ./src"},"dependencies":{"@autotrof/regex-like":"^0.0.1","vue":"^3.2.47"},"devDependencies":{"@vitejs/plugin-vue":"^4.1.0","grunt":"^1.6.1","vite":"^4.3.2","watch":"^1.0.2"},"repository":{"type":"git","url":"git+https://github.com/autotrof/av-datatable.git"},"keywords":["datatable","vue"],"gitHead":"84f1aaf6b9c2a4b9e1e40392d08af213a82590a9","description":"This is Vue3 component that can render a table like datatable without jquery","bugs":{"url":"https://github.com/autotrof/av-datatable/issues"},"homepage":"https://github.com/autotrof/av-datatable#readme","_id":"@autotrof/av-datatable@0.0.3","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-YV/5/38KpjKUkcIU5B47nfu8Oz4E225Itfv+kVgnVWLegbsa6AL5YzQ1aWIXo09b01oqswmqk6g7bLbuYmsM4Q==","shasum":"caf595ca4acf6b6dcf7b36c076954eeb35546529","tarball":"https://registry.npmjs.org/@autotrof/av-datatable/-/av-datatable-0.0.3.tgz","fileCount":5,"unpackedSize":26323,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFwSSVzvCYBWnML5A7atnVdV00NWZT9ChO0t7VkS6KXMAiEAl3zS2B580aaOj4csqYXKaoN/jnzBZPlmnT4AP5owY2I="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkTcozACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoKBA//VJ3bfiUQzWi3vdLR4APbkOHu0Cik+dFGf3Hv8Va7BJQPagkp\r\nc5M4agjR0FD5N3knI7U+JkkgvXJuc+Hmm8nB9yZlkMlvbO8raUASsaIi5wSC\r\nio72GMYbUBTQ4qz38oYQ78IKYVXuzCJMOgQM0lFuJfLeRp4kzQU251/IsSGV\r\nRP7U59ioEb20rzVWSq1G+VMunmvIFe2hRU8AJKIatbjAszT4LM7AIUQ2/Mg8\r\nu2Ipoe4BekrmsiXgSQy6EeOewu5eZkwCdcU8fn1Onq09zJNhBDWiLgtM3qC4\r\nLghng/pANX19RN+8wMGzykuE+O3Qth26CZFbY9rE6U17vw6pJTwWP+/e54fh\r\nVNlmVg5JRDN+QKFEdVYF+SmkzKnqKrQ8nchfqJrNcAgTg22vpkBJBvsv8OBV\r\ncfDBbN6aVmgEzDeD5Pwh+w+A3evHpjKw+2qSdqb8QlWXyx4gmv7PMpwSkHtD\r\nTS7OuIoJNQ1AUmevnxLpHMZr9uUkEkhMyllzeqoLkXx1lNjoosjpBuBm671Z\r\ndiFkdLn9cv/FV+CgssNXXLEmTJ36C7LMsySsm3Lec9Gvbvgin1oHZ3YZPiCD\r\nrBGKCfiyLU93iJv/bs1fEdM3py+Ez5ivHl+lpKkphAGAvrl55RtLmhr8eX6J\r\nylJoBJYEeLIW23Yqbhh78uI05ipCemFcvYE=\r\n=5pNz\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"autotrof","email":"upload.kurniawan@gmail.com"},"directories":{},"maintainers":[{"name":"autotrof","email":"upload.kurniawan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/av-datatable_0.0.3_1682819635575_0.3957830025519684"},"_hasShrinkwrap":false},"0.0.4":{"name":"@autotrof/av-datatable","version":"0.0.4","type":"module","main":"./dist/av-datatable.umd.js","module":"./dist/av-datatable.es.js","exports":{".":{"import":"./dist/av-datatable.es.js","require":"./dist/av-datatable.umd.js"},"./dist/style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"@autotrof/regex-like":"^0.0.1","vue":"^3.2.47"},"devDependencies":{"@vitejs/plugin-vue":"^4.1.0","vite":"^4.3.2"},"repository":{"type":"git","url":"git+https://github.com/autotrof/av-datatable.git"},"keywords":["datatable","vue"],"gitHead":"7a19fea5aad77d1227313c320719b1c5efd33f88","description":"This is Vue3 component that can render a table like datatable without jquery","bugs":{"url":"https://github.com/autotrof/av-datatable/issues"},"homepage":"https://github.com/autotrof/av-datatable#readme","_id":"@autotrof/av-datatable@0.0.4","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-30JHuiRdhGt8arpdadLXDGkGqYfz754Zh1fj9igSjX4C/s9dBdub+gSa9YS+O8/LMuaqY7XhaVZzuhyEHNQZQQ==","shasum":"9ca43bf61867ee1b1e22f83aa7318e7ac6587679","tarball":"https://registry.npmjs.org/@autotrof/av-datatable/-/av-datatable-0.0.4.tgz","fileCount":5,"unpackedSize":32199,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDH1K7F2yt6qFUKDBUsL/M1oQMy53rOnjfH+7GeMbPTxAIhAPOwvwxFwavBrfvTo7+AxAx30gVDCP/n7gvoUY8naXA/"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkTy4kACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq8zQ//foFzigDy8s6cIt3ILjwyDX9j6wJwoUhU6DWNJxqQtAUFeJ6X\r\nfTBwVKXpHyhrqxFZ3IBy5sNhG3xnwUl1VWwNz3SoAPtU9OvacwJS53ar0HF/\r\nk3bKDQkwjOgw7+X8mx6/hCmNvmTHutbN3NLSr6mTv3+jgNALrJoepp9Lk/nj\r\nADJTGvZki/v0feHJ70TeqWFk5hk+S9925ZsR113lLUHQTkNZgwjSY3OIR3Wq\r\n+DLprCdtas8efhtS/H+57NxjoXItFLB60p8utt3pXxXd26B4d9eo8Nsbkkbu\r\nr9iUZK+vEC4vFoyjRABoO2hoNvaHflxByCws2V7e/EBLtWizpo044SyZ77na\r\nTJVT6pN1pZakN1zJ4duusravHaCJe4CvIV/aXpRfaotXx11U3858f59Gw+xe\r\n/rsxTkb0essiqdlLdUgJvPayZPtZoSjepqoAZraq+4ZRVhmE3TknkUqkpV75\r\ndDDuHCg5NTMIGG7nPH3CdY5fUpoEtMpNUn0AksAVokfFk3/mJHVaJ7/1nIVY\r\n9OHD6PXbRnGoIMP7NxkwnjXp1sAmMtPuqJcR6PRN/FyEutaM+ApZzwXY6OlE\r\ntoq7V8BXBgCCdXU0Gleq0QvodFfUAmdgb9zeSLNr4vZ4ugKMPGu0LmRkSR3P\r\nPgGHC4jI5tNwBTk+NDeOq9XbI5CO/96AOV8=\r\n=3AkG\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"autotrof","email":"upload.kurniawan@gmail.com"},"directories":{},"maintainers":[{"name":"autotrof","email":"upload.kurniawan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/av-datatable_0.0.4_1682910756635_0.1340603687318893"},"_hasShrinkwrap":false},"0.0.5":{"name":"@autotrof/av-datatable","version":"0.0.5","type":"module","main":"./dist/av-datatable.umd.js","module":"./dist/av-datatable.es.js","exports":{".":{"import":"./dist/av-datatable.es.min.js","require":"./dist/av-datatable.umd.min.js"},"./dist/style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"@autotrof/regex-like":"^1.0.0","vue":"^3.2.47"},"devDependencies":{"@vitejs/plugin-vue":"^4.1.0","vite":"^4.3.2"},"repository":{"type":"git","url":"git+https://github.com/autotrof/av-datatable.git"},"keywords":["datatable","vue"],"gitHead":"d80476361c3ffa576f9581266955b7604c7a0cc6","description":"This is Vue3 component that can render a table like datatable without jquery","bugs":{"url":"https://github.com/autotrof/av-datatable/issues"},"homepage":"https://github.com/autotrof/av-datatable#readme","_id":"@autotrof/av-datatable@0.0.5","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-p6M6PjENRNQQtT+lcSri4iK/akUc4VhKOOqeEpJFEeBZB3h8mafm/nUdtXsRTg94IWh/SI2F7qpsUnQfd+AODQ==","shasum":"3feab402df9abd4a5a3f27edcb1bf901e2d44c27","tarball":"https://registry.npmjs.org/@autotrof/av-datatable/-/av-datatable-0.0.5.tgz","fileCount":5,"unpackedSize":34050,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDRW3lu7F31tu9m1PEuH+KcbQj8dkrDrDyy4pvnIkrkIwIhAKZa8LyDQvJM8iZkL1jH+iAFIzIeuCz8sPBE7u8AAeBP"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUx9mACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr9+RAAi/RiEwXJCykR1MnPqa3S36WsQT2IGXb5vRAk2N4nbxFPylP7\r\nRAPd79w7HohPPcf3amT+fMGfUcmSjhCnsbJiRY6luQBWNSzY7YJTIK40VJzP\r\nqTmk6iKVN2mS82OgTgcNg1xotZxIbncB8pTwmzq523e6JkMw1zbMxaN/YBXY\r\n9uKK7yVWFrPodUe5CuOBxBtlP3aHSi3xHJMItpF/g+Ty9bE80lRhd+jv5sbc\r\nApV+boCRSNQ6tVpYM3w9AB+Hi8NQawAv1zewtStPIW+hxqKR2zXTo8TFC++6\r\nuti0Je+SYZeXzbsZr62mLoIodYSTny/3igv3FOziDklt9aZtAZ1Zc0PNOBnB\r\nbe5MqsV6t83bSoymMHd13xVeveyrBtBQUlLScXAJFoB8k13ny3Dullpwc3bj\r\ngiHxzniFf+VdNGJa74LsdvKlgQ163jucaF9mjgqREvid949P5IWs7bl0PMNQ\r\nQ7LkwyRDg7bugw5hU3ZD9yo/uQBtjt01hC16aw2lB4xWwNVm//H4WlsWYaqC\r\nAp5ulGAevgkJR5hjHoK6JAbVxo3pZNyVuCk5suTJ402P1GSVzYNBVnL2C/zE\r\nstPFomZrKPQKMOLK+EOomDn+Dx9UVDnKnYrbf1qtWyHo25lBoMNxfc1lgsMP\r\nOYq9hwRhsgtKHcqTlCwCNtU8zE0rkIZIbYo=\r\n=Z/3s\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"autotrof","email":"upload.kurniawan@gmail.com"},"directories":{},"maintainers":[{"name":"autotrof","email":"upload.kurniawan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/av-datatable_0.0.5_1683169126374_0.591841402903658"},"_hasShrinkwrap":false},"0.0.6":{"name":"@autotrof/av-datatable","version":"0.0.6","type":"module","main":"./dist/av-datatable.umd.js","module":"./dist/av-datatable.es.js","exports":{".":{"import":"./dist/av-datatable.es.min.js","require":"./dist/av-datatable.umd.min.js"},"./dist/style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"@autotrof/regex-like":"^1.0.0","vue":"^3.2.47"},"devDependencies":{"@vitejs/plugin-vue":"^4.1.0","vite":"^4.3.2"},"repository":{"type":"git","url":"git+https://github.com/autotrof/av-datatable.git"},"keywords":["datatable","vue"],"readme":"# av-datatable\n\nThis is Vue3 component that can render a table like datatable without jquery\n\n## How To Use\n\n- import AvDatatable from 'av-datatable'\n- use it inside your component\n- example OFFLINE DATA\n```\n<template>\n  ...your code\n  <AvDatatable :options=\"table_options\" id=\"table-1\">\n    <template #header>\n      <th data-sortable=\"false\">Gambar</th>\n      <th>Item</th>\n      <th>Kategori</th>\n      <th>Total Stock</th>\n      <th>Harga Beli</th>\n      <th>Harga Jual</th>\n      <th>Margin</th>\n    </template>\n    <tr v-for=\"(d, index) in data\" :key=\"index\" @click=\"trClicked(index)\" class=\"table-danger\">\n\t\t<td>{{ d.gambar }}</td>\n\t\t<td>{{ d.name }}</td>\n\t\t<td>{{ d.kategori }}</td>\n\t\t<td>{{ d.total_stock }}</td>\n\t\t<td>{{ d.harga_beli }}</td>\n\t\t<td></td>\n\t\t<td></td>\n\t</tr>\n  </AvDatatable>\n  ... another code\n</template>\n\n<script setup>\nimport AvDatatable from 'av-datatable'\nimport 'av-datatable/style.css'\n\nfunction trClicked(index) {\n  console.log('tr ' + index + 'clicked. yeay')\n}\n\nlet data = your array data write here\nconst table_options = {\n\ttableClassName: 'table table-hover table-striped',\n\tstateSave: true,\n\tfixedHeader: true,\n\tlanguage: {\n\t\tlengthMenu: \"Menampilkan _MENU_ data tiap halaman\",\n\t\tinfoEmpty: \"Tidak ada data yang bisa ditampilkan\",\n\t\tzeroRecords: \"Data tidak ditemukan\",\n\t\tsearch: \"Cari:\",\n\t\tinfo: \"Menampilkan _START_ - _END_ dari _TOTAL_ data\",\n\t\tinfoFiltered: \"(difilter dari _MAX_ total keseluruhan data)\",\n\t}\n}\n</script>\n```\n\nthis component will automatically render pagination and add filtering in your table\n\nproperties :\n```\n{\n  \tid: '',\n  \toptions: {\n\t\ttableClassName: 'default-table',\n\t\tajax: {\n\t\t\turl: null,\n\t\t\ttype: \"GET\",\n\t\t\tdata: {}\n\t\t},\n\t\tfixedHeader: true,\n\t\tpaging: true,\n\t\tsearching: true,\n\t\tordering: true,\n\t\tstateSave: false,\n\t\tinfo: true,\n\t\tlengthMenu: [[10, 25, 50, 100, -1], ['10', '25', '50', '100', 'All']],\n\t\tpageLength: 10,\n\t\tpage: 1,\n\t\tsearch: '',\n\t\torder: [[0, 'asc']],\n\t\tinitComplete: null,\n\t\tinfo: true,\n\t\tlanguage: {\n\t\t\tinfo: \t\t\t\"Showing _START_ to _END_ of _TOTAL_ entries\",\n\t\t\tinfoEmpty: \t\t\"Showing 0 to 0 of 0 entries\",\n\t\t\tinfoFiltered: \t\"(filtered from _MAX_ total entries)\",\n\t\t\tlengthMenu: \t\"Show _MENU_ entries\",\n\t\t\tprocessing: \t`<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon icon-tabler icon-tabler-refresh-dot\" width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4\"></path><path d=\"M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4\"></path><path d=\"M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\"></path></svg>`,\n\t\t\tsearch: \t\t\"Search:\",\n\t\t\tzeroRecords: \t\"No matching records found\",\n\t\t\tpaginate: {\n\t\t\t\tfirst: \t\t`<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon icon-tabler icon-tabler-chevrons-left\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M11 7l-5 5l5 5\"></path><path d=\"M17 7l-5 5l5 5\"></path></svg>`,\n\t\t\t\tlast: \t\t`<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon icon-tabler icon-tabler-chevrons-right\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M7 7l5 5l-5 5\"></path><path d=\"M13 7l5 5l-5 5\"></path></svg>`,\n\t\t\t\tnext: \t\t`<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon icon-tabler icon-tabler-chevron-right\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M9 6l6 6l-6 6\"></path></svg>`,\n\t\t\t\tprevious: \t`<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon icon-tabler icon-tabler-chevron-left\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M15 6l-6 6l6 6\"></path></svg>`\n\t\t\t}\n\t\t}\n  \t}\n}\n```\n\n## NOTE\nproperty id is required when options.stateSave = true\n\n### TODO\n- add ajax\n- add another properties to be look like datatable\n","readmeFilename":"README.md","gitHead":"48536714aa359ff8f820d72dc09ae55bb7e10971","description":"This is Vue3 component that can render a table like datatable without jquery","bugs":{"url":"https://github.com/autotrof/av-datatable/issues"},"homepage":"https://github.com/autotrof/av-datatable#readme","_id":"@autotrof/av-datatable@0.0.6","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-lSPmsgayuIm3SdAH8gFUWZSGqf1QHcv1NEEUC86Pdz9yMXhFInKlu+YO1gpJgyW/KjlwPcHPR4RNSin0yeMjsw==","shasum":"2589056eefd0fabf0f7f3bdae3eabd83712eb8cc","tarball":"https://registry.npmjs.org/@autotrof/av-datatable/-/av-datatable-0.0.6.tgz","fileCount":5,"unpackedSize":34082,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0HFsmjpUzJSeviLKncvAIt0pzaJCpHZXFIaqAPVJKSwIhAOJOY7M58hn1Zl/VxXoJz9dSu/s/5c3T/f4LkoyN+KiT"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUy31ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqC/w//VeDh74RnaAyxey44w5E3ZXYBXJ+yBjE3decXcUCbyfN73Pcp\r\nBi0k+zqGn5TsdbNh+5F8m5F9Hoah6F/M1lTui26pJpaozddF+yAkOOixPEj/\r\nlTPjmqu4OLfO7wBUdaYfVxvbzYQO7DV1LZxid9F6/R5Z7/2mDIqRXVAgFNuv\r\nQQUmaHGLB8IBCy0Mj+k/PeLFdWa/HbRT6abDTIa/Yt0cYOSxaYp7RJa2mVo5\r\noTtin1XimnooUargahNMfcK1ceQjuuUbOUngkAKDuFw3iKnMJ/RfUOihT4fO\r\nfJMiLMEDdWI9kZRvp7rie4Mb76HU65ladsP0S4pPrrZaKP2vyCxvg6NEIeem\r\naor87i7XDwbwQW/Oh8DGpAC1g5hpgT7zeoIPnpGlgiRF4F9uMxcnXFtLMjGw\r\nf9YBKXM/a6jNbpauwQM8EOEziFtN/qwoorWT0QwnkimnyZ7uvhxVl1tQI9h2\r\ngVfrNKMoCHJZFtukKX8LUj1erJfNtsqDgLzGU5bYe4G/LRsaOSUSMH6uQYLB\r\n1AUn3WEoK8ZQxUy0t3HCs1HO8doCJayGa3gbsI7IsZMreViSUmiaWwsYfCne\r\nS0q4Ry9zUva3D76MYeq/BkLsSeX6iJPn0qEj77dW37I2Y41KVuVzWQ53NmMS\r\n48BVzFV+MDYqNQi2CPbOKx+VE4jReiUXWVg=\r\n=Ft8J\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"autotrof","email":"upload.kurniawan@gmail.com"},"directories":{},"maintainers":[{"name":"autotrof","email":"upload.kurniawan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/av-datatable_0.0.6_1683172853702_0.08731526327078787"},"_hasShrinkwrap":false},"0.0.7":{"name":"@autotrof/av-datatable","version":"0.0.7","type":"module","main":"./dist/av-datatable.umd.js","module":"./dist/av-datatable.es.js","exports":{".":{"import":"./dist/av-datatable.es.min.js","require":"./dist/av-datatable.umd.min.js"},"./dist/style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"@autotrof/regex-like":"^1.0.0","axios":"^1.4.0","underscore":"^1.13.6","vue":"^3.2.47"},"devDependencies":{"@vitejs/plugin-vue":"^4.1.0","vite":"^4.3.2"},"repository":{"type":"git","url":"git+https://github.com/autotrof/av-datatable.git"},"keywords":["datatable","vue"],"gitHead":"d6fa4ef2667fa785dcb2450e55f1aeea5dc21dc2","description":"This is Vue3 component that can render a table like datatable without jquery Unlike the other table libraries, av-datatable keeping the reactivity & the listener. it's compatible with yajra datatable also","bugs":{"url":"https://github.com/autotrof/av-datatable/issues"},"homepage":"https://github.com/autotrof/av-datatable#readme","_id":"@autotrof/av-datatable@0.0.7","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-c2u/uYM9d/CoxJRYUD7SUAqJRjC5rSYDveFeJzv4OXqiZyyhYFZf4EI+7kTBcmlIGiwHLsNlZ9/BcBt/jGnSYw==","shasum":"bd86b8ccb00c6b09b0dd83eeb99a2c7b574087c4","tarball":"https://registry.npmjs.org/@autotrof/av-datatable/-/av-datatable-0.0.7.tgz","fileCount":5,"unpackedSize":110169,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGPOtE7R/lER/jkUwW94s0BNRRO8twPU5Hf+9ckbKDODAiBWSkrBehTuZG/czgRqYC5/JQCyj9KT70pRczUozdhywQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkVKyIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrRORAAmRIMGgi8kjPEFdNUmZotQNe8uKwT3H0W9c/HDyck1FlVGfEd\r\nlqld75rVGjUGe6oWmnGD86y128eohv9TkyhIaUtK3oHrc1jqegbEIgNNli57\r\nt8QSe5xppGLKClx+oc69rQHW7xrRNwtHX3t1zd89tLru/rNfElnNrLS+B0y8\r\n+lUmduwFCn09VxVELRaf8XoMrLpJ9R3eEBpLbc9pqXIj+uXGrxFxt0m2PRf+\r\n8A7KAlE+SH3rYFVYJ7WzUiI6iySQNI/tfPctEXkY9htxuYijp4mTWCgPUvJV\r\nLkg0KhMuCKV4DEfgnbzdwW5ysh3A/bOQEcD3nydfJ+WxXQvTdeLYRAXaX0n1\r\nDUIVrlH8jlRRESory3NzKR8CWm+fSy9tM1xLmuonaKh2AWfhgsr/V4Dz+y8/\r\n0bwA2aK6pjVfQ6+MNxn6ceGdsTeiWYS0WNWkliiOslSWZ05PwFdXibluJet+\r\nQDZEuPLn1ajmwgjcblBr3PZ9l/y32whaUupn+y70OJ8j0C866KbuY1Ma5OiP\r\nfvgG0VOf6tuz/wlcnTrjDr+lUJ/uo9zN3+4xsww0RiAC0tJwJknGMAyVNyEP\r\n/L235p327iS4Aphsu8Y/jtncRJsalwh0KrTRqRjIZ42JRBT7IcLL4AV+6sXi\r\npJ580E5YzDkFGJO/4uWH8K5XjV4c69Sc/0o=\r\n=MVj6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"autotrof","email":"upload.kurniawan@gmail.com"},"directories":{},"maintainers":[{"name":"autotrof","email":"upload.kurniawan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/av-datatable_0.0.7_1683270792593_0.37832733218245584"},"_hasShrinkwrap":false},"0.0.8":{"name":"@autotrof/av-datatable","version":"0.0.8","type":"module","main":"./dist/av-datatable.umd.js","module":"./dist/av-datatable.es.js","exports":{".":{"import":"./dist/av-datatable.es.min.js","require":"./dist/av-datatable.umd.min.js"},"./dist/style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"@autotrof/regex-like":"^1.0.0","axios":"^1.4.0","underscore":"^1.13.6","vue":"^3.2.47"},"devDependencies":{"@vitejs/plugin-vue":"^4.1.0","vite":"^4.3.2"},"repository":{"type":"git","url":"git+https://github.com/autotrof/av-datatable.git"},"keywords":["datatable","vue"],"gitHead":"977cb47f3457820e38b5de966c08b14ae9d69001","description":"This is Vue3 component that can render a table like datatable without jquery Unlike the other table libraries, av-datatable keeping the reactivity & the listener. it's compatible with yajra datatable also","bugs":{"url":"https://github.com/autotrof/av-datatable/issues"},"homepage":"https://github.com/autotrof/av-datatable#readme","_id":"@autotrof/av-datatable@0.0.8","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-m7GuXC8LAywNCkzM42KGGL2Fqip3n30kAm6ZMUr/kdV72J6PmMzD2ijqHwVS9tnmOpSBvF3K4v+Iqf0+UuL2ow==","shasum":"6df7bda4a6ecbe03f76435087b5eaf8ac96f0803","tarball":"https://registry.npmjs.org/@autotrof/av-datatable/-/av-datatable-0.0.8.tgz","fileCount":5,"unpackedSize":137996,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFEPYWd1CO1wZoeRsAc2aMP5mQhzBr4B/hLtv+E5LA1wAiEAictvhG5X/LPoavyFmx0trOobrNVU2gGormwZBgkpaUM="}]},"_npmUser":{"name":"autotrof","email":"upload.kurniawan@gmail.com"},"directories":{},"maintainers":[{"name":"autotrof","email":"upload.kurniawan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/av-datatable_0.0.8_1683318539477_0.12358744080885842"},"_hasShrinkwrap":false},"0.0.9":{"name":"@autotrof/av-datatable","version":"0.0.9","type":"module","main":"./dist/av-datatable.umd.js","module":"./dist/av-datatable.es.js","exports":{".":{"import":"./dist/av-datatable.es.min.js","require":"./dist/av-datatable.umd.min.js"},"./dist/style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"@autotrof/regex-like":"^1.0.0","axios":"^1.4.0","underscore":"^1.13.6","vue":"^3.2.47"},"devDependencies":{"@vitejs/plugin-vue":"^4.1.0","vite":"^4.3.2"},"repository":{"type":"git","url":"git+https://github.com/autotrof/av-datatable.git"},"keywords":["datatable","vue"],"license":"MIT","gitHead":"595297dfd56198e6dddee61c965e2703d653a2bb","description":"This is Vue3 component that can render a table like datatable without jquery. Unlike the other table libraries, av-datatable keeping the reactivity & the listener. it also compatible with yajra datatable","bugs":{"url":"https://github.com/autotrof/av-datatable/issues"},"homepage":"https://github.com/autotrof/av-datatable#readme","_id":"@autotrof/av-datatable@0.0.9","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-yy8DBMkHgZXK2ajNjfbj8XGjjcYG3dHfkDeHnbVWW4StuOnDztMhrbFHCnGp3DJt/Og4EPSqnhq8/CymeGdd7g==","shasum":"437bbd9ae2702661f5bdbf8c5ac7ab5ce9e01c7e","tarball":"https://registry.npmjs.org/@autotrof/av-datatable/-/av-datatable-0.0.9.tgz","fileCount":5,"unpackedSize":138074,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBd+zyYKdPITGJceToSUJkHQ/cckrQBlek/lXQUoniuzAiAzCwiuhQg4AiY6uzqBv0rXHZqnfGHg878eWSP73Ax29w=="}]},"_npmUser":{"name":"autotrof","email":"upload.kurniawan@gmail.com"},"directories":{},"maintainers":[{"name":"autotrof","email":"upload.kurniawan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/av-datatable_0.0.9_1683318944521_0.06261014098692153"},"_hasShrinkwrap":false},"1.0.0":{"name":"@autotrof/av-datatable","version":"1.0.0","type":"module","main":"./dist/av-datatable.umd.js","module":"./dist/av-datatable.es.js","exports":{".":{"import":"./dist/av-datatable.es.min.js","require":"./dist/av-datatable.umd.min.js"},"./dist/style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"@autotrof/regex-like":"^1.0.1","svg-parser":"^2.0.4","underscore":"^1.13.6","vue":"^3.2.47"},"devDependencies":{"@vitejs/plugin-vue":"^4.1.0","vite":"^4.3.2"},"repository":{"type":"git","url":"git+https://github.com/autotrof/av-datatable.git"},"keywords":["datatable","vue"],"license":"MIT","gitHead":"f7661627dac3dc54da85954b3b9c5c1a5104da64","description":"This is Vue3 component that can render a table like datatable without jquery. Unlike the other table libraries, av-datatable keeping the reactivity & the listener. it also compatible with yajra datatable","bugs":{"url":"https://github.com/autotrof/av-datatable/issues"},"homepage":"https://github.com/autotrof/av-datatable#readme","_id":"@autotrof/av-datatable@1.0.0","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-/sJ7ULn4bYpjKUzhbICsQIYKTUsrtTwtJWz4LF4Svy8bYgKETltkhqkzwadWTUscXiF8tfSJZGpeRf2rStoAHw==","shasum":"a39af08598b44558c901befa75d964cf08fdb1c7","tarball":"https://registry.npmjs.org/@autotrof/av-datatable/-/av-datatable-1.0.0.tgz","fileCount":5,"unpackedSize":50960,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHISubxdXp5kTCv8EZ9Vu/QIPBQZl3wXHkPKb/dCjONgAiBBPtSNGMMNx26OSEMerT4t64t7TvhzkrGxDb85NBBauQ=="}]},"_npmUser":{"name":"autotrof","email":"upload.kurniawan@gmail.com"},"directories":{},"maintainers":[{"name":"autotrof","email":"upload.kurniawan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/av-datatable_1.0.0_1683847541512_0.14622561545101687"},"_hasShrinkwrap":false},"1.1.0":{"name":"@autotrof/av-datatable","version":"1.1.0","type":"module","main":"./dist/av-datatable.umd.js","module":"./dist/av-datatable.es.js","exports":{".":{"import":"./dist/av-datatable.es.min.js","require":"./dist/av-datatable.umd.min.js"},"./dist/style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview","watch":"nodemon -w src/AvDatatable.vue --exec npm run build"},"dependencies":{"@autotrof/regex-like":"^1.0.1","underscore":"^1.13.6","vue":"^3.2.47"},"devDependencies":{"@vitejs/plugin-vue":"^4.1.0","vite":"^4.3.2","nodemon":"^2.0.22"},"repository":{"type":"git","url":"git+https://github.com/autotrof/av-datatable.git"},"keywords":["datatable","vue"],"license":"MIT","gitHead":"a4d1039ad813dc62a8100f81116ec34d8bb2176e","description":"This is Vue3 component that can render a table like datatable without jquery. Unlike the other table libraries, av-datatable keeping the reactivity & the listener. it also compatible with yajra datatable","bugs":{"url":"https://github.com/autotrof/av-datatable/issues"},"homepage":"https://github.com/autotrof/av-datatable#readme","_id":"@autotrof/av-datatable@1.1.0","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-x/2PhaluV6C5UjgqqAdxX2vAIV5fBDbMaVIFHHvG3gy6HqPP/XJpE/ArpmmMFNkOhQTyKz+E/JjMxYWa5qHH4A==","shasum":"ac26ec2a41f98ba41253b3138d9b26c5bd9535f9","tarball":"https://registry.npmjs.org/@autotrof/av-datatable/-/av-datatable-1.1.0.tgz","fileCount":5,"unpackedSize":48798,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICsIBPSUMZMTWJLUfhBz9wLQSvaJWOcca2/afbVhBV+5AiACNjUli/fsdYPxWF2S+TiaLFA4BXqH9Ndm0XqVpilFGA=="}]},"_npmUser":{"name":"autotrof","email":"upload.kurniawan@gmail.com"},"directories":{},"maintainers":[{"name":"autotrof","email":"upload.kurniawan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/av-datatable_1.1.0_1683850325253_0.7441953834838639"},"_hasShrinkwrap":false},"1.1.1":{"name":"@autotrof/av-datatable","version":"1.1.1","type":"module","main":"./dist/av-datatable.umd.js","module":"./dist/av-datatable.es.js","exports":{".":{"import":"./dist/av-datatable.es.min.js","require":"./dist/av-datatable.umd.min.js"},"./dist/style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview","watch":"nodemon -w src/AvDatatable.vue --exec npm run build"},"dependencies":{"@autotrof/regex-like":"^1.0.1","underscore":"^1.13.6","vue":"^3.2.47"},"devDependencies":{"@vitejs/plugin-vue":"^4.1.0","vite":"^4.3.2","nodemon":"^2.0.22"},"repository":{"type":"git","url":"git+https://github.com/autotrof/av-datatable.git"},"keywords":["datatable","vue"],"license":"MIT","gitHead":"6d01ada50ed9570168b92d1b06e64568a4a7776b","description":"This is Vue3 component that can render a table like datatable without jquery. Unlike the other table libraries, av-datatable keeping the reactivity & the listener. it also compatible with yajra datatable","bugs":{"url":"https://github.com/autotrof/av-datatable/issues"},"homepage":"https://github.com/autotrof/av-datatable#readme","_id":"@autotrof/av-datatable@1.1.1","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-7LYZzGuJZVlpvrofLRb8vrDfl/x62Q23bjIiGsRBEBLLNdnniDZ0ykHsv+jJgZoII2iVhkeScQvAmGfChwHvMw==","shasum":"53d0d05148ee09cb10f1f88a7c40262a35a015cf","tarball":"https://registry.npmjs.org/@autotrof/av-datatable/-/av-datatable-1.1.1.tgz","fileCount":5,"unpackedSize":48798,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDF3clVCQR7vVXjr2hv31ux2hKSbu4We1UOuTXOijdciAiEAiqGyrIKTJI+RJUMXVLY4PPBQ+0eVtOOZLRCD1Fb7L2s="}]},"_npmUser":{"name":"autotrof","email":"upload.kurniawan@gmail.com"},"directories":{},"maintainers":[{"name":"autotrof","email":"upload.kurniawan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/av-datatable_1.1.1_1683856371500_0.3815310575349897"},"_hasShrinkwrap":false},"1.1.2":{"name":"@autotrof/av-datatable","version":"1.1.2","type":"module","main":"./dist/av-datatable.umd.js","module":"./dist/av-datatable.es.js","exports":{".":{"import":"./dist/av-datatable.es.min.js","require":"./dist/av-datatable.umd.min.js"},"./dist/style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview","watch":"nodemon -w src/AvDatatable.vue --exec npm run build"},"dependencies":{"@autotrof/regex-like":"^1.0.1","underscore":"^1.13.6","vue":"^3.2.47"},"devDependencies":{"@vitejs/plugin-vue":"^4.1.0","vite":"^4.3.2","nodemon":"^2.0.22"},"repository":{"type":"git","url":"git+https://github.com/autotrof/av-datatable.git"},"keywords":["datatable","vue"],"license":"MIT","gitHead":"c603aa3919a3860098848d902d8c5b7f811f7dcc","description":"This is Vue3 component that can render a table like datatable without jquery. Unlike the other table libraries, av-datatable keeping the reactivity & the listener. it also compatible with yajra datatable","bugs":{"url":"https://github.com/autotrof/av-datatable/issues"},"homepage":"https://github.com/autotrof/av-datatable#readme","_id":"@autotrof/av-datatable@1.1.2","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-bFo6o5yyf90Ux0XkyLzRTA9HrkFimN4ic2z7cjhEPUWL878TW55sGWf57jyAfZFWT+ER6Xh+g/Z1iAc58+nmOQ==","shasum":"b56a52c91b0efcb536451b3425bce4abac9d2dd4","tarball":"https://registry.npmjs.org/@autotrof/av-datatable/-/av-datatable-1.1.2.tgz","fileCount":5,"unpackedSize":48848,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC+pf2vl6P/LIsmAfx2yzs7GDA7LYWXZK4pCBlCs5q7jwIhAKcgwU5znU0bjA3rDhNb6j1v9/gjYeZPbTlIe5/svfMk"}]},"_npmUser":{"name":"autotrof","email":"upload.kurniawan@gmail.com"},"directories":{},"maintainers":[{"name":"autotrof","email":"upload.kurniawan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/av-datatable_1.1.2_1690231122760_0.12289538309762515"},"_hasShrinkwrap":false},"1.1.3":{"name":"@autotrof/av-datatable","version":"1.1.3","type":"module","main":"./dist/av-datatable.umd.js","module":"./dist/av-datatable.es.js","exports":{".":{"import":"./dist/av-datatable.es.min.js","require":"./dist/av-datatable.umd.min.js"},"./dist/style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview","watch":"nodemon -w src/AvDatatable.vue --exec npm run build"},"dependencies":{"@autotrof/regex-like":"^1.0.1","underscore":"^1.13.6","vue":"^3.2.47"},"devDependencies":{"@vitejs/plugin-vue":"^4.1.0","vite":"^4.3.2","nodemon":"^2.0.22"},"repository":{"type":"git","url":"git+https://github.com/autotrof/av-datatable.git"},"keywords":["datatable","vue"],"license":"MIT","gitHead":"3f0ec9aa3993c843246214c93a0135c5dac8be47","description":"This is Vue3 component that can render a table like datatable without jquery. Unlike the other table libraries, av-datatable keeping the reactivity & the listener. it also compatible with yajra datatable","bugs":{"url":"https://github.com/autotrof/av-datatable/issues"},"homepage":"https://github.com/autotrof/av-datatable#readme","_id":"@autotrof/av-datatable@1.1.3","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-Nl9c0ceP97uVLVgYc+aTZVVSY1Oyq6qjcvDaN1tpzYfBCSvTCnPTvBrbkQHX1bksWuSu2t6FARldKD7aiQu1/w==","shasum":"48e14f300c432fcf180abfdaca9e98b5da02e971","tarball":"https://registry.npmjs.org/@autotrof/av-datatable/-/av-datatable-1.1.3.tgz","fileCount":5,"unpackedSize":48689,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCkTR2BW9yvwrJMJgya5tPPWur4GPG+O7xz6xqSdv2DBgIgRZbJAZcaApXoBs7BXW/X20dN5Q7dagraerKs2dhr5p4="}]},"_npmUser":{"name":"autotrof","email":"upload.kurniawan@gmail.com"},"directories":{},"maintainers":[{"name":"autotrof","email":"upload.kurniawan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/av-datatable_1.1.3_1690231324343_0.5913856755241589"},"_hasShrinkwrap":false}},"time":{"created":"2023-04-29T04:46:54.456Z","0.0.1":"2023-04-29T04:46:54.729Z","modified":"2023-07-24T20:42:04.753Z","0.0.2":"2023-04-29T04:50:37.532Z","0.0.3":"2023-04-30T01:53:55.752Z","0.0.4":"2023-05-01T03:12:36.806Z","0.0.5":"2023-05-04T02:58:46.561Z","0.0.6":"2023-05-04T04:00:53.960Z","0.0.7":"2023-05-05T07:13:12.790Z","0.0.8":"2023-05-05T20:28:59.678Z","0.0.9":"2023-05-05T20:35:44.673Z","1.0.0":"2023-05-11T23:25:41.683Z","1.1.0":"2023-05-12T00:12:05.489Z","1.1.1":"2023-05-12T01:52:51.708Z","1.1.2":"2023-07-24T20:38:42.966Z","1.1.3":"2023-07-24T20:42:04.583Z"},"maintainers":[{"name":"autotrof","email":"upload.kurniawan@gmail.com"}],"description":"This is Vue3 component that can render a table like datatable without jquery. Unlike the other table libraries, av-datatable keeping the reactivity & the listener. it also compatible with yajra datatable","readme":"## av-datatable\n\nThis is Vue3 component that can render a table like datatable without jquery.\nUnlike the other table libraries, av-datatable keeping the reactivity & the listener.\nit also compatible with yajra datatable\n\n### installation\n```\nnpm i @autotrof/av-datatable\n```\n\n### How To Use\n\n- import AvDatatable from 'av-datatable'\n- use it inside your component\n\n### Example Render Client Side\n```\n<template>\n  ...your code\n  <AvDatatable :options=\"table_options\" id=\"table-1\">\n    <template #header>\n      <th data-sortable=\"false\">Gambar</th>\n      <th>Item</th>\n      <th>Kategori</th>\n      <th>Total Stock</th>\n      <th>Harga Beli</th>\n      <th>Harga Jual</th>\n      <th>Margin</th>\n    </template>\n    <tr v-for=\"(d, index) in data\" :key=\"index\" @click=\"trClicked(index)\" class=\"table-danger\">\n\t\t<td>{{ d.gambar }}</td>\n\t\t<td>{{ d.name }}</td>\n\t\t<td>{{ d.kategori }}</td>\n\t\t<td>{{ d.total_stock }}</td>\n\t\t<td>{{ d.harga_beli }}</td>\n\t\t<td>\n\t\t\t<Link href=\"/catalog\">Special Component still works here. 😎</Link>\n\t\t</td>\n\t\t<td></td>\n\t</tr>\n  </AvDatatable>\n  ... another code\n</template>\n\n<script setup>\nimport AvDatatable from '@autotrof/av-datatable'\nimport '@autotrof/av-datatable/dist/style.css'\n\nfunction trClicked(index) {\n  console.log('tr ' + index + 'clicked. yeay')\n}\n\nlet data = your array data write here\nconst table_options = {\n\ttableClassName: 'table table-hover table-striped',\n\tstateSave: true,\n\tfixedHeader: true,\n\tlanguage: {\n\t\tlengthMenu: \"Menampilkan _MENU_ data tiap halaman\",\n\t\tinfoEmpty: \"Tidak ada data yang bisa ditampilkan\",\n\t\tzeroRecords: \"Data tidak ditemukan\",\n\t\tsearch: \"Cari:\",\n\t\tinfo: \"Menampilkan _START_ - _END_ dari _TOTAL_ data\",\n\t\tinfoFiltered: \"(difilter dari _MAX_ total keseluruhan data)\",\n\t}\n}\n</script>\n```\nthis component will automatically render pagination and add filtering in your table\n\n### Example Using Ajax (Server Side)\n\n```\n<template>\n  ...your code\n\t<AvDatatable ref=\"table_1\" :options=\"table_options\" id=\"table-1\">\n\t\t<template #header>\n\t\t\t<th>SKU</th>\n\t\t\t<th>Name</th>\n\t\t\t<th>Margin</th>\n\t\t\t<th></th>\n\t\t</template>\n\t\t<template v-slot=\"{data}\">\n\t\t\t<tr v-for=\"item in data.data\">\n\t\t\t\t<td>{{ item.sku }}</td>\n\t\t\t\t<td>{{ item.name }}</td>\n\t\t\t\t<td>{{ item.margin }}</td>\n\t\t\t\t<td><Link href=\"/anything\">Tour SPA Link</Link></td>\n\t\t\t</tr>\n\t\t</template>\n\t</AvDatatable>\n  ... another code\n</template>\n\n<script setup>\nimport AvDatatable from '@autotrof/av-datatable'\nimport '@autotrof/av-datatable/dist/style.css'\n\nfunction trClicked(index) {\n  console.log('tr ' + index + 'clicked. yeay')\n}\n\nlet data = your array data write here\nconst table_options = {\n\ttableClassName: 'table table-hover table-striped',\n\tstateSave: true,\n\tfixedHeader: true,\n\tajax: {\n\t\turl: \"http://localhost:3000/api/categories\"\n\t},\n\tlanguage: {\n\t\tlengthMenu: \"Menampilkan _MENU_ data tiap halaman\",\n\t\tinfoEmpty: \"Tidak ada data yang bisa ditampilkan\",\n\t\tzeroRecords: \"Data tidak ditemukan\",\n\t\tsearch: \"Cari:\",\n\t\tinfo: \"Menampilkan _START_ - _END_ dari _TOTAL_ data\",\n\t\tinfoFiltered: \"(difilter dari _MAX_ total keseluruhan data)\",\n\t}\n}\n</script>\n```\n\n### Options\n\n```\n{\n\ttableClassName: 'default-table',\n\tajax: {\n\t\turl: null,\n\t\ttype: \"GET\",\n\t\tdata: {}\n\t},\n\tfixedHeader: false,\n\tpaging: true,\n\tsearching: true,\n\tordering: true,\n\tstateSave: false,\n\tinfo: true,\n\tlengthMenu: [[10, 25, 50, 100, -1], ['10', '25', '50', '100', 'All']],\n\tpageLength: 10,\n\tpage: 1,\n\tsearch: '',\n\torder: [[0, 'asc']],\n\tinitComplete: null,\n\tinfo: true,\n\tlanguage: {\n\t\tinfo: \t\t\t\"Showing _START_ to _END_ of _TOTAL_ entries\",\n\t\tinfoEmpty: \t\t\"Showing 0 to 0 of 0 entries\",\n\t\tinfoFiltered: \t\"(filtered from _MAX_ total entries)\",\n\t\tlengthMenu: \t\"Show _MENU_ entries\",\n\t\tprocessing: \t`<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon icon-tabler icon-tabler-refresh-dot\" width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4\"></path><path d=\"M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4\"></path><path d=\"M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\"></path></svg>`,\n\t\tsearch: \t\t\"Search:\",\n\t\tzeroRecords: \t\"No matching records found\",\n\t\tpaginate: {\n\t\t\tfirst: \t\t`<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon icon-tabler icon-tabler-chevrons-left\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M11 7l-5 5l5 5\"></path><path d=\"M17 7l-5 5l5 5\"></path></svg>`,\n\t\t\tlast: \t\t`<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon icon-tabler icon-tabler-chevrons-right\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M7 7l5 5l-5 5\"></path><path d=\"M13 7l5 5l-5 5\"></path></svg>`,\n\t\t\tnext: \t\t`<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon icon-tabler icon-tabler-chevron-right\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M9 6l6 6l-6 6\"></path></svg>`,\n\t\t\tprevious: \t`<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon icon-tabler icon-tabler-chevron-left\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M15 6l-6 6l6 6\"></path></svg>`\n\t\t}\n\t}\n}\n```\n\n### Note\n- property id is required when options.stateSave = true\n- add data-sortable=\"false\" at th element if the column is not sortable\n\n### Todo\n- add another properties to be look like datatable\n","readmeFilename":"README.md","homepage":"https://github.com/autotrof/av-datatable#readme","repository":{"type":"git","url":"git+https://github.com/autotrof/av-datatable.git"},"bugs":{"url":"https://github.com/autotrof/av-datatable/issues"},"keywords":["datatable","vue"],"license":"MIT"}