Free Tailwind CSS Advance Table Component

The Tailwind table components serve as a holder for different components.

Share

/r/n <div class=\"py-2 px-8 text-gray-600 hover:text-indigo-700 hover:bg-indigo-100 rounded-full \">\r\n <p>Done<\/p>\r\n <\/div>\r\n <\/a>\r\n <a class=\"rounded-full focus:outline-none focus:ring-2 focus:bg-indigo-50 focus:ring-indigo-800 ml-4 sm:ml-8\" href=https://www.creative-tim.com/"javascript:void(0)/">/r/n <div class=\"py-2 px-8 text-gray-600 hover:text-indigo-700 hover:bg-indigo-100 rounded-full \">\r\n <p>Pending<\/p>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <button onclick=\"popuphandler(true)\" class=\"focus:ring-2 focus:ring-offset-2 focus:ring-indigo-600 mt-4 sm:mt-0 inline-flex items-start justify-start px-6 py-3 bg-indigo-700 hover:bg-indigo-600 focus:outline-none rounded\">\r\n <p class=\"text-sm font-medium leading-none text-white\">Add Task<\/p>\r\n <\/button>\r\n <\/div>\r\n <div class=\"mt-7 overflow-x-auto\">\r\n <table class=\"w-full whitespace-nowrap\">\r\n <tbody>\r\n <tr tabindex=\"0\" class=\"focus:outline-none h-16 border border-gray-100 rounded\">\r\n <td>\r\n <div class=\"ml-5\">\r\n <div class=\"bg-gray-200 rounded-sm w-5 h-5 flex flex-shrink-0 justify-center items-center relative\">\r\n <input placeholder=\"checkbox\" type=\"checkbox\" class=\"focus:opacity-100 checkbox opacity-0 absolute cursor-pointer w-full h-full\" \/>\r\n <div class=\"check-icon hidden bg-indigo-700 text-white rounded-sm\">\r\n <svg class=\"icon icon-tabler icon-tabler-check\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path stroke=\"none\" d=\"M0 0h24v24H0z\"><\/path>\r\n <path d=\"M5 12l5 5l10 -10\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <td class=\"\">\r\n <div class=\"flex items-center pl-5\">\r\n <p class=\"text-base font-medium leading-none text-gray-700 mr-2\">Marketing Keynote Presentation<\/p>\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path d=\"M6.66669 9.33342C6.88394 9.55515 7.14325 9.73131 7.42944 9.85156C7.71562 9.97182 8.02293 10.0338 8.33335 10.0338C8.64378 10.0338 8.95108 9.97182 9.23727 9.85156C9.52345 9.73131 9.78277 9.55515 10 9.33342L12.6667 6.66676C13.1087 6.22473 13.357 5.62521 13.357 5.00009C13.357 4.37497 13.1087 3.77545 12.6667 3.33342C12.2247 2.89139 11.6251 2.64307 11 2.64307C10.3749 2.64307 9.77538 2.89139 9.33335 3.33342L9.00002 3.66676\" stroke=\"#3B82F6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M9.33336 6.66665C9.11611 6.44492 8.8568 6.26876 8.57061 6.14851C8.28442 6.02825 7.97712 5.96631 7.66669 5.96631C7.35627 5.96631 7.04897 6.02825 6.76278 6.14851C6.47659 6.26876 6.21728 6.44492 6.00003 6.66665L3.33336 9.33332C2.89133 9.77534 2.64301 10.3749 2.64301 11C2.64301 11.6251 2.89133 12.2246 3.33336 12.6666C3.77539 13.1087 4.37491 13.357 5.00003 13.357C5.62515 13.357 6.22467 13.1087 6.66669 12.6666L7.00003 12.3333\" stroke=\"#3B82F6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-24\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M9.16667 2.5L16.6667 10C17.0911 10.4745 17.0911 11.1922 16.6667 11.6667L11.6667 16.6667C11.1922 17.0911 10.4745 17.0911 10 16.6667L2.5 9.16667V5.83333C2.5 3.99238 3.99238 2.5 5.83333 2.5H9.16667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <circle cx=\"7.50004\" cy=\"7.49967\" r=\"1.66667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/circle>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">Urgent<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M7.5 5H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M7.5 10H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M7.5 15H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 5V5.00667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 10V10.0067\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 15V15.0067\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">04\/07<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M3.33331 17.4998V6.6665C3.33331 6.00346 3.59671 5.36758 4.06555 4.89874C4.53439 4.4299 5.17027 4.1665 5.83331 4.1665H14.1666C14.8297 4.1665 15.4656 4.4299 15.9344 4.89874C16.4033 5.36758 16.6666 6.00346 16.6666 6.6665V11.6665C16.6666 12.3295 16.4033 12.9654 15.9344 13.4343C15.4656 13.9031 14.8297 14.1665 14.1666 14.1665H6.66665L3.33331 17.4998Z\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M10 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M6.66669 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M13.3333 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">23<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M12.5 5.83339L7.08333 11.2501C6.75181 11.5816 6.56556 12.0312 6.56556 12.5001C6.56556 12.9689 6.75181 13.4185 7.08333 13.7501C7.41485 14.0816 7.86449 14.2678 8.33333 14.2678C8.80217 14.2678 9.25181 14.0816 9.58333 13.7501L15 8.33339C15.663 7.67034 16.0355 6.77107 16.0355 5.83339C16.0355 4.8957 15.663 3.99643 15 3.33339C14.337 2.67034 13.4377 2.29785 12.5 2.29785C11.5623 2.29785 10.663 2.67034 10 3.33339L4.58333 8.75005C3.58877 9.74461 3.03003 11.0935 3.03003 12.5001C3.03003 13.9066 3.58877 15.2555 4.58333 16.2501C5.57789 17.2446 6.92681 17.8034 8.33333 17.8034C9.73985 17.8034 11.0888 17.2446 12.0833 16.2501L17.5 10.8334\"\r\n stroke=\"#52525B\"\r\n stroke-width=\"1.25\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n ><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">04\/07<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <button class=\"py-3 px-3 text-sm focus:outline-none leading-none text-red-700 bg-red-100 rounded\">Due today at 18:00<\/button>\r\n <\/td>\r\n <td class=\"pl-4\">\r\n <button class=\"focus:ring-2 focus:ring-offset-2 focus:ring-red-300 text-sm leading-none text-gray-600 py-3 px-5 bg-gray-100 rounded hover:bg-gray-200 focus:outline-none\">View<\/button>\r\n <\/td>\r\n <td>\r\n <div class=\"relative px-5 pt-2\">\r\n <button class=\"focus:ring-2 rounded-md focus:outline-none\" onclick=\"dropdownFunction(this)\" role=\"button\" aria-label=\"option\">\r\n <svg class=\"dropbtn\" onclick=\"dropdownFunction(this)\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M4.16667 10.8332C4.62691 10.8332 5 10.4601 5 9.99984C5 9.5396 4.62691 9.1665 4.16667 9.1665C3.70643 9.1665 3.33334 9.5396 3.33334 9.99984C3.33334 10.4601 3.70643 10.8332 4.16667 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M10 10.8332C10.4602 10.8332 10.8333 10.4601 10.8333 9.99984C10.8333 9.5396 10.4602 9.1665 10 9.1665C9.53976 9.1665 9.16666 9.5396 9.16666 9.99984C9.16666 10.4601 9.53976 10.8332 10 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M15.8333 10.8332C16.2936 10.8332 16.6667 10.4601 16.6667 9.99984C16.6667 9.5396 16.2936 9.1665 15.8333 9.1665C15.3731 9.1665 15 9.5396 15 9.99984C15 10.4601 15.3731 10.8332 15.8333 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"dropdown-content bg-white shadow w-24 absolute z-30 right-0 mr-6 hidden\">\r\n <div tabindex=\"0\" class=\"focus:outline-none focus:text-indigo-600 text-xs w-full hover:bg-indigo-700 py-4 px-4 cursor-pointer hover:text-white\">\r\n <p>Edit<\/p>\r\n <\/div>\r\n <div tabindex=\"0\" class=\"focus:outline-none focus:text-indigo-600 text-xs w-full hover:bg-indigo-700 py-4 px-4 cursor-pointer hover:text-white\">\r\n <p>Delete<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <\/tr>\r\n <tr class=\"h-3\"><\/tr>\r\n <tr tabindex=\"0\" class=\"focus:outline-none h-16 border border-gray-100 rounded\">\r\n <td>\r\n <div class=\"ml-5\">\r\n <div class=\"bg-gray-200 rounded-sm w-5 h-5 flex flex-shrink-0 justify-center items-center relative\">\r\n <input placeholder=\"checkbox\" type=\"checkbox\" class=\"focus:opacity-100 checkbox opacity-0 absolute cursor-pointer w-full h-full\" \/>\r\n <div class=\"check-icon hidden bg-indigo-700 text-white rounded-sm\">\r\n <svg class=\"icon icon-tabler icon-tabler-check\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path stroke=\"none\" d=\"M0 0h24v24H0z\"><\/path>\r\n <path d=\"M5 12l5 5l10 -10\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <td class=\"focus:text-indigo-600 \">\r\n <div class=\"flex items-center pl-5\">\r\n <p class=\"text-base font-medium leading-none text-gray-700 mr-2\">UX Wireframes<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-24\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M9.16667 2.5L16.6667 10C17.0911 10.4745 17.0911 11.1922 16.6667 11.6667L11.6667 16.6667C11.1922 17.0911 10.4745 17.0911 10 16.6667L2.5 9.16667V5.83333C2.5 3.99238 3.99238 2.5 5.83333 2.5H9.16667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <circle cx=\"7.50004\" cy=\"7.49967\" r=\"1.66667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/circle>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">Urgent<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M7.5 5H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M7.5 10H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M7.5 15H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 5V5.00667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 10V10.0067\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 15V15.0067\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">04\/07<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M3.33331 17.4998V6.6665C3.33331 6.00346 3.59671 5.36758 4.06555 4.89874C4.53439 4.4299 5.17027 4.1665 5.83331 4.1665H14.1666C14.8297 4.1665 15.4656 4.4299 15.9344 4.89874C16.4033 5.36758 16.6666 6.00346 16.6666 6.6665V11.6665C16.6666 12.3295 16.4033 12.9654 15.9344 13.4343C15.4656 13.9031 14.8297 14.1665 14.1666 14.1665H6.66665L3.33331 17.4998Z\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M10 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M6.66669 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M13.3333 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">23<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M12.5 5.83339L7.08333 11.2501C6.75181 11.5816 6.56556 12.0312 6.56556 12.5001C6.56556 12.9689 6.75181 13.4185 7.08333 13.7501C7.41485 14.0816 7.86449 14.2678 8.33333 14.2678C8.80217 14.2678 9.25181 14.0816 9.58333 13.7501L15 8.33339C15.663 7.67034 16.0355 6.77107 16.0355 5.83339C16.0355 4.8957 15.663 3.99643 15 3.33339C14.337 2.67034 13.4377 2.29785 12.5 2.29785C11.5623 2.29785 10.663 2.67034 10 3.33339L4.58333 8.75005C3.58877 9.74461 3.03003 11.0935 3.03003 12.5001C3.03003 13.9066 3.58877 15.2555 4.58333 16.2501C5.57789 17.2446 6.92681 17.8034 8.33333 17.8034C9.73985 17.8034 11.0888 17.2446 12.0833 16.2501L17.5 10.8334\"\r\n stroke=\"#52525B\"\r\n stroke-width=\"1.25\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n ><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">04\/07<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <button class=\"py-3 px-6 focus:outline-none text-sm leading-none text-gray-700 bg-gray-100 rounded\">Due on 21.02.21<\/button>\r\n <\/td>\r\n <td class=\"pl-4\">\r\n <button class=\"focus:ring-2 focus:ring-offset-2 focus:ring-red-300 text-sm leading-none text-gray-600 py-3 px-5 bg-gray-100 rounded hover:bg-gray-200 focus:outline-none\">View<\/button>\r\n <\/td>\r\n <td>\r\n <div class=\"relative px-5 pt-2\">\r\n <button class=\"focus:ring-2 rounded-md focus:outline-none\" onclick=\"dropdownFunction(this)\" role=\"button\" aria-label=\"option\">\r\n <svg class=\"dropbtn\" onclick=\"dropdownFunction(this)\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M4.16667 10.8332C4.62691 10.8332 5 10.4601 5 9.99984C5 9.5396 4.62691 9.1665 4.16667 9.1665C3.70643 9.1665 3.33334 9.5396 3.33334 9.99984C3.33334 10.4601 3.70643 10.8332 4.16667 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M10 10.8332C10.4602 10.8332 10.8333 10.4601 10.8333 9.99984C10.8333 9.5396 10.4602 9.1665 10 9.1665C9.53976 9.1665 9.16666 9.5396 9.16666 9.99984C9.16666 10.4601 9.53976 10.8332 10 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M15.8333 10.8332C16.2936 10.8332 16.6667 10.4601 16.6667 9.99984C16.6667 9.5396 16.2936 9.1665 15.8333 9.1665C15.3731 9.1665 15 9.5396 15 9.99984C15 10.4601 15.3731 10.8332 15.8333 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"dropdown-content bg-white shadow w-24 absolute z-30 right-0 mr-6 hidden\">\r\n <div tabindex=\"0\" class=\"focus:outline-none focus:text-indigo-600 text-xs w-full hover:bg-indigo-700 py-4 px-4 cursor-pointer hover:text-white\">\r\n <p>Edit<\/p>\r\n <\/div>\r\n <div tabindex=\"0\" class=\"focus:outline-none focus:text-indigo-600 text-xs w-full hover:bg-indigo-700 py-4 px-4 cursor-pointer hover:text-white\">\r\n <p>Delete<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <\/tr>\r\n <tr class=\"h-3\"><\/tr>\r\n <tr tabindex=\"0\" class=\"focus:outline-none focus:text-indigo-600 h-16 border border-gray-100 rounded\">\r\n <td>\r\n <div class=\"ml-5\">\r\n <div class=\"bg-gray-200 rounded-sm w-5 h-5 flex flex-shrink-0 justify-center items-center relative\">\r\n <input placeholder=\"checkbox\" type=\"checkbox\" class=\"focus:opacity-100 checkbox opacity-0 absolute cursor-pointer w-full h-full\" \/>\r\n <div class=\"check-icon hidden bg-indigo-700 text-white rounded-sm\">\r\n <svg class=\"icon icon-tabler icon-tabler-check\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path stroke=\"none\" d=\"M0 0h24v24H0z\"><\/path>\r\n <path d=\"M5 12l5 5l10 -10\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <td class=\"\">\r\n <div class=\"flex items-center pl-5\">\r\n <p class=\"text-base font-medium leading-none text-gray-700 mr-2\">Marketing Keynote Presentation<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-24\"><\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M7.5 5H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M7.5 10H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M7.5 15H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 5V5.00667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 10V10.0067\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 15V15.0067\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">04\/07<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M3.33331 17.4998V6.6665C3.33331 6.00346 3.59671 5.36758 4.06555 4.89874C4.53439 4.4299 5.17027 4.1665 5.83331 4.1665H14.1666C14.8297 4.1665 15.4656 4.4299 15.9344 4.89874C16.4033 5.36758 16.6666 6.00346 16.6666 6.6665V11.6665C16.6666 12.3295 16.4033 12.9654 15.9344 13.4343C15.4656 13.9031 14.8297 14.1665 14.1666 14.1665H6.66665L3.33331 17.4998Z\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M10 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M6.66669 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M13.3333 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">23<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M12.5 5.83339L7.08333 11.2501C6.75181 11.5816 6.56556 12.0312 6.56556 12.5001C6.56556 12.9689 6.75181 13.4185 7.08333 13.7501C7.41485 14.0816 7.86449 14.2678 8.33333 14.2678C8.80217 14.2678 9.25181 14.0816 9.58333 13.7501L15 8.33339C15.663 7.67034 16.0355 6.77107 16.0355 5.83339C16.0355 4.8957 15.663 3.99643 15 3.33339C14.337 2.67034 13.4377 2.29785 12.5 2.29785C11.5623 2.29785 10.663 2.67034 10 3.33339L4.58333 8.75005C3.58877 9.74461 3.03003 11.0935 3.03003 12.5001C3.03003 13.9066 3.58877 15.2555 4.58333 16.2501C5.57789 17.2446 6.92681 17.8034 8.33333 17.8034C9.73985 17.8034 11.0888 17.2446 12.0833 16.2501L17.5 10.8334\"\r\n stroke=\"#52525B\"\r\n stroke-width=\"1.25\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n ><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">04\/07<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <button class=\"py-3 px-7 text-sm leading-none text-gray-700 bg-gray-100 rounded focus:outline-none\">Due tomorrow<\/button>\r\n <\/td>\r\n <td class=\"pl-4\">\r\n <button class=\"focus:ring-2 focus:ring-offset-2 focus:ring-red-300 text-sm leading-none text-gray-600 py-3 px-5 bg-gray-100 rounded hover:bg-gray-200 focus:outline-none\">View<\/button>\r\n <\/td>\r\n <td>\r\n <div class=\"relative px-5 pt-2\">\r\n <button class=\"focus:ring-2 rounded-md focus:outline-none\" onclick=\"dropdownFunction(this)\" role=\"button\" aria-label=\"option\">\r\n <svg class=\"dropbtn\" onclick=\"dropdownFunction(this)\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M4.16667 10.8332C4.62691 10.8332 5 10.4601 5 9.99984C5 9.5396 4.62691 9.1665 4.16667 9.1665C3.70643 9.1665 3.33334 9.5396 3.33334 9.99984C3.33334 10.4601 3.70643 10.8332 4.16667 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M10 10.8332C10.4602 10.8332 10.8333 10.4601 10.8333 9.99984C10.8333 9.5396 10.4602 9.1665 10 9.1665C9.53976 9.1665 9.16666 9.5396 9.16666 9.99984C9.16666 10.4601 9.53976 10.8332 10 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M15.8333 10.8332C16.2936 10.8332 16.6667 10.4601 16.6667 9.99984C16.6667 9.5396 16.2936 9.1665 15.8333 9.1665C15.3731 9.1665 15 9.5396 15 9.99984C15 10.4601 15.3731 10.8332 15.8333 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"dropdown-content bg-white shadow w-24 absolute z-30 right-0 mr-6 hidden\">\r\n <div tabindex=\"0\" class=\"focus:outline-none focus:text-indigo-600 text-xs w-full hover:bg-indigo-700 py-4 px-4 cursor-pointer hover:text-white\">\r\n <p>Edit<\/p>\r\n <\/div>\r\n <div tabindex=\"0\" class=\"focus:outline-none focus:text-indigo-600 text-xs w-full hover:bg-indigo-700 py-4 px-4 cursor-pointer hover:text-white\">\r\n <p>Delete<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <\/tr>\r\n <tr class=\"h-3\"><\/tr>\r\n <tr tabindex=\"0\" class=\"focus:outline-none h-16 border border-gray-100 rounded\">\r\n <td>\r\n <div class=\"ml-5\">\r\n <div class=\"bg-gray-200 rounded-sm w-5 h-5 flex flex-shrink-0 justify-center items-center relative\">\r\n <input placeholder=\"checkbox\" checked=\"\" type=\"checkbox\" class=\"focus:opacity-100 checkbox opacity-0 absolute cursor-pointer w-full h-full\" \/>\r\n <div class=\"check-icon hidden bg-indigo-700 text-white rounded-sm\">\r\n <svg class=\"icon icon-tabler icon-tabler-check\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path stroke=\"none\" d=\"M0 0h24v24H0z\"><\/path>\r\n <path d=\"M5 12l5 5l10 -10\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <td class=\"\">\r\n <div class=\"flex items-center pl-5\">\r\n <p class=\"text-base font-medium leading-none text-gray-700 mr-2\">Development Phase 1<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-24\"><\/td>\r\n <td class=\"pl-5\"><\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M7.5 5H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M7.5 10H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M7.5 15H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 5V5.00667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 10V10.0067\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 15V15.0067\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">04\/07<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M3.33331 17.4998V6.6665C3.33331 6.00346 3.59671 5.36758 4.06555 4.89874C4.53439 4.4299 5.17027 4.1665 5.83331 4.1665H14.1666C14.8297 4.1665 15.4656 4.4299 15.9344 4.89874C16.4033 5.36758 16.6666 6.00346 16.6666 6.6665V11.6665C16.6666 12.3295 16.4033 12.9654 15.9344 13.4343C15.4656 13.9031 14.8297 14.1665 14.1666 14.1665H6.66665L3.33331 17.4998Z\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M10 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M6.66669 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M13.3333 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">23<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M12.5 5.83339L7.08333 11.2501C6.75181 11.5816 6.56556 12.0312 6.56556 12.5001C6.56556 12.9689 6.75181 13.4185 7.08333 13.7501C7.41485 14.0816 7.86449 14.2678 8.33333 14.2678C8.80217 14.2678 9.25181 14.0816 9.58333 13.7501L15 8.33339C15.663 7.67034 16.0355 6.77107 16.0355 5.83339C16.0355 4.8957 15.663 3.99643 15 3.33339C14.337 2.67034 13.4377 2.29785 12.5 2.29785C11.5623 2.29785 10.663 2.67034 10 3.33339L4.58333 8.75005C3.58877 9.74461 3.03003 11.0935 3.03003 12.5001C3.03003 13.9066 3.58877 15.2555 4.58333 16.2501C5.57789 17.2446 6.92681 17.8034 8.33333 17.8034C9.73985 17.8034 11.0888 17.2446 12.0833 16.2501L17.5 10.8334\"\r\n stroke=\"#52525B\"\r\n stroke-width=\"1.25\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n ><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">04\/07<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-4\">\r\n <button class=\"focus:ring-2 focus:ring-offset-2 focus:ring-red-300 text-sm leading-none text-gray-600 py-3 px-5 bg-gray-100 rounded hover:bg-gray-200 focus:outline-none\">View<\/button>\r\n <\/td>\r\n <td>\r\n <div class=\"relative px-5 pt-2\">\r\n <button class=\"focus:ring-2 rounded-md focus:outline-none\" onclick=\"dropdownFunction(this)\" role=\"button\" aria-label=\"option\">\r\n <svg class=\"dropbtn\" onclick=\"dropdownFunction(this)\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M4.16667 10.8332C4.62691 10.8332 5 10.4601 5 9.99984C5 9.5396 4.62691 9.1665 4.16667 9.1665C3.70643 9.1665 3.33334 9.5396 3.33334 9.99984C3.33334 10.4601 3.70643 10.8332 4.16667 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M10 10.8332C10.4602 10.8332 10.8333 10.4601 10.8333 9.99984C10.8333 9.5396 10.4602 9.1665 10 9.1665C9.53976 9.1665 9.16666 9.5396 9.16666 9.99984C9.16666 10.4601 9.53976 10.8332 10 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M15.8333 10.8332C16.2936 10.8332 16.6667 10.4601 16.6667 9.99984C16.6667 9.5396 16.2936 9.1665 15.8333 9.1665C15.3731 9.1665 15 9.5396 15 9.99984C15 10.4601 15.3731 10.8332 15.8333 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"dropdown-content bg-white shadow w-24 absolute z-30 right-0 mr-6 hidden\">\r\n <div tabindex=\"0\" class=\"focus:outline-none focus:text-red-300 text-xs w-full hover:bg-indigo-700 py-4 px-4 cursor-pointer hover:text-white\">\r\n <p>Edit<\/p>\r\n <\/div>\r\n <div tabindex=\"0\" class=\"focus:outline-none focus:text-red-300 text-xs w-full hover:bg-indigo-700 py-4 px-4 cursor-pointer hover:text-white\">\r\n <p>Delete<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <\/tr>\r\n <tr class=\"h-3\"><\/tr>\r\n <tr tabindex=\"0\" class=\"focus:outline-none h-16 border border-gray-100 rounded\">\r\n <td>\r\n <div class=\"ml-5\">\r\n <div class=\"bg-gray-200 rounded-sm w-5 h-5 flex flex-shrink-0 justify-center items-center relative\">\r\n <input placeholder=\"checkbox\" type=\"checkbox\" class=\"focus:opacity-100 checkbox opacity-0 absolute cursor-pointer w-full h-full\" \/>\r\n <div class=\"check-icon hidden bg-indigo-700 text-white rounded-sm\">\r\n <svg class=\"icon icon-tabler icon-tabler-check\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path stroke=\"none\" d=\"M0 0h24v24H0z\"><\/path>\r\n <path d=\"M5 12l5 5l10 -10\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <td class=\"\">\r\n <div class=\"flex items-center pl-5\">\r\n <p class=\"text-base font-medium leading-none text-gray-700 mr-2\">Marketing Keynote Presentation<\/p>\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path d=\"M6.66669 9.33342C6.88394 9.55515 7.14325 9.73131 7.42944 9.85156C7.71562 9.97182 8.02293 10.0338 8.33335 10.0338C8.64378 10.0338 8.95108 9.97182 9.23727 9.85156C9.52345 9.73131 9.78277 9.55515 10 9.33342L12.6667 6.66676C13.1087 6.22473 13.357 5.62521 13.357 5.00009C13.357 4.37497 13.1087 3.77545 12.6667 3.33342C12.2247 2.89139 11.6251 2.64307 11 2.64307C10.3749 2.64307 9.77538 2.89139 9.33335 3.33342L9.00002 3.66676\" stroke=\"#3B82F6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M9.33336 6.66665C9.11611 6.44492 8.8568 6.26876 8.57061 6.14851C8.28442 6.02825 7.97712 5.96631 7.66669 5.96631C7.35627 5.96631 7.04897 6.02825 6.76278 6.14851C6.47659 6.26876 6.21728 6.44492 6.00003 6.66665L3.33336 9.33332C2.89133 9.77534 2.64301 10.3749 2.64301 11C2.64301 11.6251 2.89133 12.2246 3.33336 12.6666C3.77539 13.1087 4.37491 13.357 5.00003 13.357C5.62515 13.357 6.22467 13.1087 6.66669 12.6666L7.00003 12.3333\" stroke=\"#3B82F6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-24\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M9.16667 2.5L16.6667 10C17.0911 10.4745 17.0911 11.1922 16.6667 11.6667L11.6667 16.6667C11.1922 17.0911 10.4745 17.0911 10 16.6667L2.5 9.16667V5.83333C2.5 3.99238 3.99238 2.5 5.83333 2.5H9.16667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <circle cx=\"7.50004\" cy=\"7.49967\" r=\"1.66667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/circle>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">Urgent<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M7.5 5H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M7.5 10H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M7.5 15H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 5V5.00667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 10V10.0067\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 15V15.0067\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">04\/07<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M3.33331 17.4998V6.6665C3.33331 6.00346 3.59671 5.36758 4.06555 4.89874C4.53439 4.4299 5.17027 4.1665 5.83331 4.1665H14.1666C14.8297 4.1665 15.4656 4.4299 15.9344 4.89874C16.4033 5.36758 16.6666 6.00346 16.6666 6.6665V11.6665C16.6666 12.3295 16.4033 12.9654 15.9344 13.4343C15.4656 13.9031 14.8297 14.1665 14.1666 14.1665H6.66665L3.33331 17.4998Z\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M10 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M6.66669 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M13.3333 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">23<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M12.5 5.83339L7.08333 11.2501C6.75181 11.5816 6.56556 12.0312 6.56556 12.5001C6.56556 12.9689 6.75181 13.4185 7.08333 13.7501C7.41485 14.0816 7.86449 14.2678 8.33333 14.2678C8.80217 14.2678 9.25181 14.0816 9.58333 13.7501L15 8.33339C15.663 7.67034 16.0355 6.77107 16.0355 5.83339C16.0355 4.8957 15.663 3.99643 15 3.33339C14.337 2.67034 13.4377 2.29785 12.5 2.29785C11.5623 2.29785 10.663 2.67034 10 3.33339L4.58333 8.75005C3.58877 9.74461 3.03003 11.0935 3.03003 12.5001C3.03003 13.9066 3.58877 15.2555 4.58333 16.2501C5.57789 17.2446 6.92681 17.8034 8.33333 17.8034C9.73985 17.8034 11.0888 17.2446 12.0833 16.2501L17.5 10.8334\"\r\n stroke=\"#52525B\"\r\n stroke-width=\"1.25\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n ><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">04\/07<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <button class=\"py-3 px-7 text-sm leading-none text-gray-700 bg-gray-100 rounded focus:outline-none\">Due tomorrow<\/button>\r\n <\/td>\r\n <td class=\"pl-4\">\r\n <button class=\"focus:ring-2 focus:ring-offset-2 focus:ring-red-300 text-sm leading-none text-gray-600 py-3 px-5 bg-gray-100 rounded hover:bg-gray-200 focus:outline-none\">View<\/button>\r\n <\/td>\r\n <td>\r\n <div class=\"relative px-5 pt-2\">\r\n <button class=\"focus:ring-2 rounded-md focus:outline-none\" onclick=\"dropdownFunction(this)\" role=\"button\" aria-label=\"option\">\r\n <svg class=\"dropbtn\" onclick=\"dropdownFunction(this)\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M4.16667 10.8332C4.62691 10.8332 5 10.4601 5 9.99984C5 9.5396 4.62691 9.1665 4.16667 9.1665C3.70643 9.1665 3.33334 9.5396 3.33334 9.99984C3.33334 10.4601 3.70643 10.8332 4.16667 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M10 10.8332C10.4602 10.8332 10.8333 10.4601 10.8333 9.99984C10.8333 9.5396 10.4602 9.1665 10 9.1665C9.53976 9.1665 9.16666 9.5396 9.16666 9.99984C9.16666 10.4601 9.53976 10.8332 10 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M15.8333 10.8332C16.2936 10.8332 16.6667 10.4601 16.6667 9.99984C16.6667 9.5396 16.2936 9.1665 15.8333 9.1665C15.3731 9.1665 15 9.5396 15 9.99984C15 10.4601 15.3731 10.8332 15.8333 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"dropdown-content bg-white shadow w-24 absolute z-30 right-0 mr-6 hidden\">\r\n <div tabindex=\"0\" class=\"focus:outline-none focus:text-indigo-600 text-xs w-full hover:bg-indigo-700 py-4 px-4 cursor-pointer hover:text-white\">\r\n <p>Edit<\/p>\r\n <\/div>\r\n <div tabindex=\"0\" class=\"focus:outline-none focus:text-indigo-600 text-xs w-full hover:bg-indigo-700 py-4 px-4 cursor-pointer hover:text-white\">\r\n <p>Delete<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <\/tr>\r\n <tr class=\"h-3\"><\/tr>\r\n <tr tabindex=\"0\" class=\"focus:outline-none h-16 border border-gray-100 rounded\">\r\n <td>\r\n <div class=\"ml-5\">\r\n <div class=\"bg-gray-200 rounded-sm w-5 h-5 flex flex-shrink-0 justify-center items-center relative\">\r\n <input placeholder=\"checkbox\" checked=\"\" type=\"checkbox\" class=\"focus:opacity-100 checkbox opacity-0 absolute cursor-pointer w-full h-full\" \/>\r\n <div class=\"check-icon hidden bg-indigo-700 text-white rounded-sm\">\r\n <svg class=\"icon icon-tabler icon-tabler-check\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path stroke=\"none\" d=\"M0 0h24v24H0z\"><\/path>\r\n <path d=\"M5 12l5 5l10 -10\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <td class=\"\">\r\n <div class=\"flex items-center pl-5\">\r\n <p class=\"text-base font-medium leading-none text-gray-700 mr-2\">Marketing Keynote Presentation<\/p>\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path d=\"M6.66669 9.33342C6.88394 9.55515 7.14325 9.73131 7.42944 9.85156C7.71562 9.97182 8.02293 10.0338 8.33335 10.0338C8.64378 10.0338 8.95108 9.97182 9.23727 9.85156C9.52345 9.73131 9.78277 9.55515 10 9.33342L12.6667 6.66676C13.1087 6.22473 13.357 5.62521 13.357 5.00009C13.357 4.37497 13.1087 3.77545 12.6667 3.33342C12.2247 2.89139 11.6251 2.64307 11 2.64307C10.3749 2.64307 9.77538 2.89139 9.33335 3.33342L9.00002 3.66676\" stroke=\"#3B82F6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M9.33336 6.66665C9.11611 6.44492 8.8568 6.26876 8.57061 6.14851C8.28442 6.02825 7.97712 5.96631 7.66669 5.96631C7.35627 5.96631 7.04897 6.02825 6.76278 6.14851C6.47659 6.26876 6.21728 6.44492 6.00003 6.66665L3.33336 9.33332C2.89133 9.77534 2.64301 10.3749 2.64301 11C2.64301 11.6251 2.89133 12.2246 3.33336 12.6666C3.77539 13.1087 4.37491 13.357 5.00003 13.357C5.62515 13.357 6.22467 13.1087 6.66669 12.6666L7.00003 12.3333\" stroke=\"#3B82F6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-24\"><\/td>\r\n <td class=\"pl-5\"><\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M7.5 5H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M7.5 10H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M7.5 15H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 5V5.00667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 10V10.0067\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 15V15.0067\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">04\/07<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M3.33331 17.4998V6.6665C3.33331 6.00346 3.59671 5.36758 4.06555 4.89874C4.53439 4.4299 5.17027 4.1665 5.83331 4.1665H14.1666C14.8297 4.1665 15.4656 4.4299 15.9344 4.89874C16.4033 5.36758 16.6666 6.00346 16.6666 6.6665V11.6665C16.6666 12.3295 16.4033 12.9654 15.9344 13.4343C15.4656 13.9031 14.8297 14.1665 14.1666 14.1665H6.66665L3.33331 17.4998Z\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M10 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M6.66669 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M13.3333 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">23<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M12.5 5.83339L7.08333 11.2501C6.75181 11.5816 6.56556 12.0312 6.56556 12.5001C6.56556 12.9689 6.75181 13.4185 7.08333 13.7501C7.41485 14.0816 7.86449 14.2678 8.33333 14.2678C8.80217 14.2678 9.25181 14.0816 9.58333 13.7501L15 8.33339C15.663 7.67034 16.0355 6.77107 16.0355 5.83339C16.0355 4.8957 15.663 3.99643 15 3.33339C14.337 2.67034 13.4377 2.29785 12.5 2.29785C11.5623 2.29785 10.663 2.67034 10 3.33339L4.58333 8.75005C3.58877 9.74461 3.03003 11.0935 3.03003 12.5001C3.03003 13.9066 3.58877 15.2555 4.58333 16.2501C5.57789 17.2446 6.92681 17.8034 8.33333 17.8034C9.73985 17.8034 11.0888 17.2446 12.0833 16.2501L17.5 10.8334\"\r\n stroke=\"#52525B\"\r\n stroke-width=\"1.25\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n ><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">04\/07<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-4\">\r\n <button class=\"focus:ring-2 focus:ring-offset-2 focus:ring-red-300 text-sm leading-none text-gray-600 py-3 px-5 bg-gray-100 rounded hover:bg-gray-200 focus:outline-none\">View<\/button>\r\n <\/td>\r\n <td>\r\n <div class=\"relative px-5 pt-2\">\r\n <button class=\"focus:ring-2 rounded-md focus:outline-none\" onclick=\"dropdownFunction(this)\" role=\"button\" aria-label=\"option\">\r\n <svg class=\"dropbtn\" onclick=\"dropdownFunction(this)\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M4.16667 10.8332C4.62691 10.8332 5 10.4601 5 9.99984C5 9.5396 4.62691 9.1665 4.16667 9.1665C3.70643 9.1665 3.33334 9.5396 3.33334 9.99984C3.33334 10.4601 3.70643 10.8332 4.16667 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M10 10.8332C10.4602 10.8332 10.8333 10.4601 10.8333 9.99984C10.8333 9.5396 10.4602 9.1665 10 9.1665C9.53976 9.1665 9.16666 9.5396 9.16666 9.99984C9.16666 10.4601 9.53976 10.8332 10 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M15.8333 10.8332C16.2936 10.8332 16.6667 10.4601 16.6667 9.99984C16.6667 9.5396 16.2936 9.1665 15.8333 9.1665C15.3731 9.1665 15 9.5396 15 9.99984C15 10.4601 15.3731 10.8332 15.8333 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"dropdown-content bg-white shadow w-24 absolute z-30 right-0 mr-6 hidden\">\r\n <div tabindex=\"0\" class=\"focus:outline-none focus:text-indigo-600 text-xs w-full hover:bg-indigo-700 py-4 px-4 cursor-pointer hover:text-white\">\r\n <p>Edit<\/p>\r\n <\/div>\r\n <div tabindex=\"0\" class=\"focus:outline-none focus:text-indigo-600 text-xs w-full hover:bg-indigo-700 py-4 px-4 cursor-pointer hover:text-white\">\r\n <p>Delete<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <\/tr>\r\n <tr class=\"h-3\"><\/tr>\r\n <tr tabindex=\"0\" class=\"focus:outline-none h-16 border border-gray-100 rounded\">\r\n <td>\r\n <div class=\"ml-5\">\r\n <div class=\"bg-gray-200 rounded-sm w-5 h-5 flex flex-shrink-0 justify-center items-center relative\">\r\n <input placeholder=\"checkbox\" type=\"checkbox\" class=\"focus:opacity-100 checkbox opacity-0 absolute cursor-pointer w-full h-full\" \/>\r\n <div class=\"check-icon hidden bg-indigo-700 text-white rounded-sm\">\r\n <svg class=\"icon icon-tabler icon-tabler-check\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path stroke=\"none\" d=\"M0 0h24v24H0z\"><\/path>\r\n <path d=\"M5 12l5 5l10 -10\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <td class=\"\">\r\n <div class=\"flex items-center pl-5\">\r\n <p class=\"text-base font-medium leading-none text-gray-700 mr-2\">CSS and functionality<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-24\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M9.16667 2.5L16.6667 10C17.0911 10.4745 17.0911 11.1922 16.6667 11.6667L11.6667 16.6667C11.1922 17.0911 10.4745 17.0911 10 16.6667L2.5 9.16667V5.83333C2.5 3.99238 3.99238 2.5 5.83333 2.5H9.16667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <circle cx=\"7.50004\" cy=\"7.49967\" r=\"1.66667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/circle>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">Urgent<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M7.5 5H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M7.5 10H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M7.5 15H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 5V5.00667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 10V10.0067\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 15V15.0067\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">04\/07<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M3.33331 17.4998V6.6665C3.33331 6.00346 3.59671 5.36758 4.06555 4.89874C4.53439 4.4299 5.17027 4.1665 5.83331 4.1665H14.1666C14.8297 4.1665 15.4656 4.4299 15.9344 4.89874C16.4033 5.36758 16.6666 6.00346 16.6666 6.6665V11.6665C16.6666 12.3295 16.4033 12.9654 15.9344 13.4343C15.4656 13.9031 14.8297 14.1665 14.1666 14.1665H6.66665L3.33331 17.4998Z\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M10 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M6.66669 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M13.3333 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">23<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M12.5 5.83339L7.08333 11.2501C6.75181 11.5816 6.56556 12.0312 6.56556 12.5001C6.56556 12.9689 6.75181 13.4185 7.08333 13.7501C7.41485 14.0816 7.86449 14.2678 8.33333 14.2678C8.80217 14.2678 9.25181 14.0816 9.58333 13.7501L15 8.33339C15.663 7.67034 16.0355 6.77107 16.0355 5.83339C16.0355 4.8957 15.663 3.99643 15 3.33339C14.337 2.67034 13.4377 2.29785 12.5 2.29785C11.5623 2.29785 10.663 2.67034 10 3.33339L4.58333 8.75005C3.58877 9.74461 3.03003 11.0935 3.03003 12.5001C3.03003 13.9066 3.58877 15.2555 4.58333 16.2501C5.57789 17.2446 6.92681 17.8034 8.33333 17.8034C9.73985 17.8034 11.0888 17.2446 12.0833 16.2501L17.5 10.8334\"\r\n stroke=\"#52525B\"\r\n stroke-width=\"1.25\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n ><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">04\/07<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <button class=\"py-3 px-3 text-sm leading-none text-red-700 bg-red-100 rounded focus:outline-none\">Due Today at 18:00<\/button>\r\n <\/td>\r\n <td class=\"pl-4\">\r\n <button class=\"focus:ring-2 focus:ring-offset-2 focus:ring-red-300 text-sm leading-none text-gray-600 py-3 px-5 bg-gray-100 rounded hover:bg-gray-200 focus:outline-none\">View<\/button>\r\n <\/td>\r\n <td>\r\n <div class=\"relative px-5 pt-2\">\r\n <button class=\"focus:ring-2 rounded-md focus:outline-none\" onclick=\"dropdownFunction(this)\" role=\"button\" aria-label=\"option\">\r\n <svg class=\"dropbtn\" onclick=\"dropdownFunction(this)\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M4.16667 10.8332C4.62691 10.8332 5 10.4601 5 9.99984C5 9.5396 4.62691 9.1665 4.16667 9.1665C3.70643 9.1665 3.33334 9.5396 3.33334 9.99984C3.33334 10.4601 3.70643 10.8332 4.16667 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M10 10.8332C10.4602 10.8332 10.8333 10.4601 10.8333 9.99984C10.8333 9.5396 10.4602 9.1665 10 9.1665C9.53976 9.1665 9.16666 9.5396 9.16666 9.99984C9.16666 10.4601 9.53976 10.8332 10 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M15.8333 10.8332C16.2936 10.8332 16.6667 10.4601 16.6667 9.99984C16.6667 9.5396 16.2936 9.1665 15.8333 9.1665C15.3731 9.1665 15 9.5396 15 9.99984C15 10.4601 15.3731 10.8332 15.8333 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"dropdown-content bg-white shadow w-24 absolute z-30 right-0 mr-6 hidden\">\r\n <div tabindex=\"0\" class=\"focus:outline-none focus:text-indigo-600 text-xs w-full hover:bg-indigo-700 py-4 px-4 cursor-pointer hover:text-white\">\r\n <p>Edit<\/p>\r\n <\/div>\r\n <div tabindex=\"0\" class=\"focus:outline-none focus:text-indigo-600 text-xs w-full hover:bg-indigo-700 py-4 px-4 cursor-pointer hover:text-white\">\r\n <p>Delete<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <\/tr>\r\n <tr class=\"h-3\"><\/tr>\r\n <tr tabindex=\"0\" class=\"focus:outline-none h-16 border border-gray-100 rounded\">\r\n <td>\r\n <div class=\"ml-5\">\r\n <div class=\"bg-gray-200 rounded-sm w-5 h-5 flex flex-shrink-0 justify-center items-center relative\">\r\n <input placeholder=\"checkbox\" checked=\"\" type=\"checkbox\" class=\"checkbox opacity-0 absolute cursor-pointer w-full h-full\" \/>\r\n <div class=\"check-icon hidden bg-indigo-700 text-white rounded-sm\">\r\n <svg class=\"icon icon-tabler icon-tabler-check\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path stroke=\"none\" d=\"M0 0h24v24H0z\"><\/path>\r\n <path d=\"M5 12l5 5l10 -10\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <td class=\"\">\r\n <div class=\"flex items-center pl-5\">\r\n <p class=\"text-base font-medium leading-none text-gray-700 mr-2\">Marketing Keynote Presentation<\/p>\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path d=\"M6.66669 9.33342C6.88394 9.55515 7.14325 9.73131 7.42944 9.85156C7.71562 9.97182 8.02293 10.0338 8.33335 10.0338C8.64378 10.0338 8.95108 9.97182 9.23727 9.85156C9.52345 9.73131 9.78277 9.55515 10 9.33342L12.6667 6.66676C13.1087 6.22473 13.357 5.62521 13.357 5.00009C13.357 4.37497 13.1087 3.77545 12.6667 3.33342C12.2247 2.89139 11.6251 2.64307 11 2.64307C10.3749 2.64307 9.77538 2.89139 9.33335 3.33342L9.00002 3.66676\" stroke=\"#3B82F6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M9.33336 6.66665C9.11611 6.44492 8.8568 6.26876 8.57061 6.14851C8.28442 6.02825 7.97712 5.96631 7.66669 5.96631C7.35627 5.96631 7.04897 6.02825 6.76278 6.14851C6.47659 6.26876 6.21728 6.44492 6.00003 6.66665L3.33336 9.33332C2.89133 9.77534 2.64301 10.3749 2.64301 11C2.64301 11.6251 2.89133 12.2246 3.33336 12.6666C3.77539 13.1087 4.37491 13.357 5.00003 13.357C5.62515 13.357 6.22467 13.1087 6.66669 12.6666L7.00003 12.3333\" stroke=\"#3B82F6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-24\"><\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M9.16667 2.5L16.6667 10C17.0911 10.4745 17.0911 11.1922 16.6667 11.6667L11.6667 16.6667C11.1922 17.0911 10.4745 17.0911 10 16.6667L2.5 9.16667V5.83333C2.5 3.99238 3.99238 2.5 5.83333 2.5H9.16667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <circle cx=\"7.50004\" cy=\"7.49967\" r=\"1.66667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/circle>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">Urgent<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M7.5 5H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M7.5 10H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M7.5 15H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 5V5.00667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 10V10.0067\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 15V15.0067\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">04\/07<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M3.33331 17.4998V6.6665C3.33331 6.00346 3.59671 5.36758 4.06555 4.89874C4.53439 4.4299 5.17027 4.1665 5.83331 4.1665H14.1666C14.8297 4.1665 15.4656 4.4299 15.9344 4.89874C16.4033 5.36758 16.6666 6.00346 16.6666 6.6665V11.6665C16.6666 12.3295 16.4033 12.9654 15.9344 13.4343C15.4656 13.9031 14.8297 14.1665 14.1666 14.1665H6.66665L3.33331 17.4998Z\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M10 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M6.66669 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M13.3333 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">23<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M12.5 5.83339L7.08333 11.2501C6.75181 11.5816 6.56556 12.0312 6.56556 12.5001C6.56556 12.9689 6.75181 13.4185 7.08333 13.7501C7.41485 14.0816 7.86449 14.2678 8.33333 14.2678C8.80217 14.2678 9.25181 14.0816 9.58333 13.7501L15 8.33339C15.663 7.67034 16.0355 6.77107 16.0355 5.83339C16.0355 4.8957 15.663 3.99643 15 3.33339C14.337 2.67034 13.4377 2.29785 12.5 2.29785C11.5623 2.29785 10.663 2.67034 10 3.33339L4.58333 8.75005C3.58877 9.74461 3.03003 11.0935 3.03003 12.5001C3.03003 13.9066 3.58877 15.2555 4.58333 16.2501C5.57789 17.2446 6.92681 17.8034 8.33333 17.8034C9.73985 17.8034 11.0888 17.2446 12.0833 16.2501L17.5 10.8334\"\r\n stroke=\"#52525B\"\r\n stroke-width=\"1.25\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n ><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">04\/07<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-4\">\r\n <button class=\"focus:ring-2 focus:ring-offset-2 focus:ring-red-300 text-sm leading-none text-gray-600 py-3 px-5 bg-gray-100 rounded hover:bg-gray-200 focus:outline-none\">View<\/button>\r\n <\/td>\r\n <td>\r\n <div class=\"relative px-5 pt-2\">\r\n <button class=\"focus:ring-2 rounded-md focus:outline-none\" onclick=\"dropdownFunction(this)\" role=\"button\" aria-label=\"option\">\r\n <svg class=\"dropbtn\" onclick=\"dropdownFunction(this)\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M4.16667 10.8332C4.62691 10.8332 5 10.4601 5 9.99984C5 9.5396 4.62691 9.1665 4.16667 9.1665C3.70643 9.1665 3.33334 9.5396 3.33334 9.99984C3.33334 10.4601 3.70643 10.8332 4.16667 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M10 10.8332C10.4602 10.8332 10.8333 10.4601 10.8333 9.99984C10.8333 9.5396 10.4602 9.1665 10 9.1665C9.53976 9.1665 9.16666 9.5396 9.16666 9.99984C9.16666 10.4601 9.53976 10.8332 10 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M15.8333 10.8332C16.2936 10.8332 16.6667 10.4601 16.6667 9.99984C16.6667 9.5396 16.2936 9.1665 15.8333 9.1665C15.3731 9.1665 15 9.5396 15 9.99984C15 10.4601 15.3731 10.8332 15.8333 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"dropdown-content bg-white shadow w-24 absolute z-30 right-0 mr-6 hidden\">\r\n <div tabindex=\"0\" class=\"focus:outline-none focus:text-indigo-600 text-xs w-full hover:bg-indigo-700 py-4 px-4 cursor-pointer hover:text-white\">\r\n <p>Edit<\/p>\r\n <\/div>\r\n <div tabindex=\"0\" class=\"focus:outline-none focus:text-indigo-600 text-xs w-full hover:bg-indigo-700 py-4 px-4 cursor-pointer hover:text-white\">\r\n <p>Delete<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <\/tr>\r\n <tr class=\"h-3\"><\/tr>\r\n <tr tabindex=\"0\" class=\"focus:outline-none h-16 border border-gray-100 rounded\">\r\n <td>\r\n <div class=\"ml-5\">\r\n <div class=\"bg-gray-200 rounded-sm w-5 h-5 flex flex-shrink-0 justify-center items-center relative\">\r\n <input placeholder=\"checkbox\" type=\"checkbox\" class=\"focus:opacity-100 checkbox opacity-0 absolute cursor-pointer w-full h-full\" \/>\r\n <div class=\"check-icon hidden bg-indigo-700 text-white rounded-sm\">\r\n <svg class=\"icon icon-tabler icon-tabler-check\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path stroke=\"none\" d=\"M0 0h24v24H0z\"><\/path>\r\n <path d=\"M5 12l5 5l10 -10\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <td class=\"\">\r\n <div class=\"flex items-center pl-5\">\r\n <p class=\"text-base font-medium leading-none text-gray-700 mr-2\">Vue integration<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-24\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M9.16667 2.5L16.6667 10C17.0911 10.4745 17.0911 11.1922 16.6667 11.6667L11.6667 16.6667C11.1922 17.0911 10.4745 17.0911 10 16.6667L2.5 9.16667V5.83333C2.5 3.99238 3.99238 2.5 5.83333 2.5H9.16667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <circle cx=\"7.50004\" cy=\"7.49967\" r=\"1.66667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/circle>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">Urgent<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M7.5 5H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M7.5 10H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M7.5 15H16.6667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 5V5.00667\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 10V10.0067\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M4.16669 15V15.0067\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">04\/07<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M3.33331 17.4998V6.6665C3.33331 6.00346 3.59671 5.36758 4.06555 4.89874C4.53439 4.4299 5.17027 4.1665 5.83331 4.1665H14.1666C14.8297 4.1665 15.4656 4.4299 15.9344 4.89874C16.4033 5.36758 16.6666 6.00346 16.6666 6.6665V11.6665C16.6666 12.3295 16.4033 12.9654 15.9344 13.4343C15.4656 13.9031 14.8297 14.1665 14.1666 14.1665H6.66665L3.33331 17.4998Z\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M10 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M6.66669 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M13.3333 9.1665V9.17484\" stroke=\"#52525B\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">23<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <div class=\"flex items-center\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M12.5 5.83339L7.08333 11.2501C6.75181 11.5816 6.56556 12.0312 6.56556 12.5001C6.56556 12.9689 6.75181 13.4185 7.08333 13.7501C7.41485 14.0816 7.86449 14.2678 8.33333 14.2678C8.80217 14.2678 9.25181 14.0816 9.58333 13.7501L15 8.33339C15.663 7.67034 16.0355 6.77107 16.0355 5.83339C16.0355 4.8957 15.663 3.99643 15 3.33339C14.337 2.67034 13.4377 2.29785 12.5 2.29785C11.5623 2.29785 10.663 2.67034 10 3.33339L4.58333 8.75005C3.58877 9.74461 3.03003 11.0935 3.03003 12.5001C3.03003 13.9066 3.58877 15.2555 4.58333 16.2501C5.57789 17.2446 6.92681 17.8034 8.33333 17.8034C9.73985 17.8034 11.0888 17.2446 12.0833 16.2501L17.5 10.8334\"\r\n stroke=\"#52525B\"\r\n stroke-width=\"1.25\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n ><\/path>\r\n <\/svg>\r\n <p class=\"text-sm leading-none text-gray-600 ml-2\">04\/07<\/p>\r\n <\/div>\r\n <\/td>\r\n <td class=\"pl-5\">\r\n <button class=\"py-3 px-3 text-sm leading-none text-gray-700 bg-gray-100 hover:bg-gray-200 rounded focus:outline-none\">Due Today at 18:00<\/button>\r\n <\/td>\r\n <td class=\"pl-4\">\r\n <button class=\"focus:ring-2 focus:ring-offset-2 focus:ring-red-300 text-sm leading-none text-gray-600 py-3 px-5 bg-gray-100 rounded hover:bg-gray-200 focus:outline-none\">View<\/button>\r\n <\/td>\r\n <td>\r\n <div class=\"relative px-5 pt-2\">\r\n <button class=\"focus:ring-2 rounded-md focus:outline-none\" onclick=\"dropdownFunction(this)\" role=\"button\" aria-label=\"option\">\r\n <svg class=\"dropbtn\" onclick=\"dropdownFunction(this)\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M4.16667 10.8332C4.62691 10.8332 5 10.4601 5 9.99984C5 9.5396 4.62691 9.1665 4.16667 9.1665C3.70643 9.1665 3.33334 9.5396 3.33334 9.99984C3.33334 10.4601 3.70643 10.8332 4.16667 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M10 10.8332C10.4602 10.8332 10.8333 10.4601 10.8333 9.99984C10.8333 9.5396 10.4602 9.1665 10 9.1665C9.53976 9.1665 9.16666 9.5396 9.16666 9.99984C9.16666 10.4601 9.53976 10.8332 10 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <path d=\"M15.8333 10.8332C16.2936 10.8332 16.6667 10.4601 16.6667 9.99984C16.6667 9.5396 16.2936 9.1665 15.8333 9.1665C15.3731 9.1665 15 9.5396 15 9.99984C15 10.4601 15.3731 10.8332 15.8333 10.8332Z\" stroke=\"#9CA3AF\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"dropdown-content bg-white shadow w-24 absolute z-30 right-0 mr-6 hidden\">\r\n <div tabindex=\"0\" class=\"focus:outline-none focus:text-indigo-600 text-xs w-full hover:bg-indigo-700 py-4 px-4 cursor-pointer hover:text-white\">\r\n <p>Edit<\/p>\r\n <\/div>\r\n <div tabindex=\"0\" class=\"focus:outline-none focus:text-indigo-600 text-xs w-full hover:bg-indigo-700 py-4 px-4 cursor-pointer hover:text-white\">\r\n <p>Delete<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <style>.checkbox:checked + .check-icon {\r\n display: flex;\r\n}\r\n<\/style>\r\n <script>function dropdownFunction(element) {\r\n var dropdowns = document.getElementsByClassName(\"dropdown-content\");\r\n var i;\r\n let list = element.parentElement.parentElement.getElementsByClassName(\"dropdown-content\")[0];\r\n list.classList.add(\"target\");\r\n for (i = 0; i < dropdowns.length; i++) {\r\n if (!dropdowns[i].classList.contains(\"target\")) {\r\n dropdowns[i].classList.add(\"hidden\");\r\n }\r\n }\r\n list.classList.toggle(\"hidden\");\r\n }<\/script>","author_type":"App\\User","author_id":6481,"collection_id":null,"fork_id":null,"votes":10,"score":"4.4","visits":52511,"popularity":5944,"slug":"free-tailwind-css-advance-table-component","approved":1,"created_at":"2022-01-25T14:07:25.000000Z","updated_at":"2024-09-19T05:43:58.000000Z","downloads":1301,"code_views":16984,"center":false,"notified":0,"premium":0,"tailwind_config":null,"type":"component","css":"https:\/\/cdn.tailwindcss.com","should_tweet":1,"media":[{"id":8564,"model_type":"App\\Component","model_id":2995,"collection_name":"preview","name":"temp66096","file_name":"temp66096.png","mime_type":"image\/png","disk":"public","size":106708,"manipulations":[],"custom_properties":[],"responsive_images":{"media_library_original":{"urls":["temp66096___media_library_original_1280_957.png","temp66096___media_library_original_1070_800.png","temp66096___media_library_original_895_669.png","temp66096___media_library_original_749_560.png","temp66096___media_library_original_627_469.png","temp66096___media_library_original_524_392.png","temp66096___media_library_original_439_328.png"],"base64svg":"data:image\/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI4MCA5NTciPgoJPGltYWdlIHdpZHRoPSIxMjgwIiBoZWlnaHQ9Ijk1NyIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FHQUFnQXdFUkFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEEvVENMVDBRODk2Nm5Wc1lLbWl3dGdtTTgxUHRXUDJhRWtzWXdwSnBPcXdWTkdGZGFmTTE0RENQazcxdlRuRnJVcVZPeHZnbmRYSklwRnRPVTZWQXlPVWNZb0FpVkFCVklIY2g4NEJxcVNKVFJPTHhGV3A1V082STN2RklvNVdOT3d5TzRWaFRVYkNsSzUvL1oiPgoJPC9pbWFnZT4KPC9zdmc+"}},"order_column":8378,"created_at":"2023-02-02T10:25:05.000000Z","updated_at":"2023-02-02T10:25:08.000000Z","conversions_disk":"public","uuid":"4cfa6aa2-b698-4f19-b1de-b07cc78544a8","generated_conversions":{"thumb":true,"ogimage":true},"original_url":"https:\/\/tailwindcomponents.com\/storage\/8564\/temp66096.png","preview_url":""}],"author":{"id":6481,"name":"Harrishash","slug":"harrishash","bio":null,"avatar":"\/storage\/avatars\/ILXgUJYPjEo0P9gYmGhFUpUfK0VaR4l7yAfAUMuS.png","header":null,"created_at":"2022-01-12T16:23:14.000000Z","updated_at":"2022-01-12T16:30:35.000000Z"},"tags":[{"id":6,"name":{"en":"Tables"},"description":"Choose from our flexible table examples to organize and display the data efficiently in your Tailwind project. Use our snippets to preview and copy\/paste the code.","meta_description":"Choose from our flexible table examples to organize and display the data efficiently in your Tailwind project.","slug":{"en":"tables"},"type":null,"order_column":13,"created_at":"2019-07-04T08:20:17.000000Z","updated_at":"2022-08-01T16:15:59.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":2995,"tag_id":6}},{"id":5,"name":{"en":"Widget"},"description":"Check out our collection of 500+ widget examples. Use our snippets to preview the code and spend less time re-inventing the wheel.","meta_description":"Check out our collection of 500+ widget examples. Use our snippets to preview the code and spend less time re-inventing the wheel.","slug":{"en":"widget"},"type":null,"order_column":14,"created_at":"2019-07-04T08:20:17.000000Z","updated_at":"2022-08-01T16:16:36.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":2995,"tag_id":5}}],"fork":null,"favorites":[{"id":6727,"name":"nonacc","slug":"nonacc","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/12987330?v=4","header":null,"created_at":"2022-01-30T22:26:40.000000Z","updated_at":"2022-01-30T22:26:40.000000Z","pivot":{"component_id":2995,"user_id":6727}},{"id":4393,"name":"kamkara","slug":"kamkara","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/72747066?v=4","header":null,"created_at":"2021-07-27T12:33:41.000000Z","updated_at":"2021-07-27T12:33:41.000000Z","pivot":{"component_id":2995,"user_id":4393}},{"id":4898,"name":"brunohafonso95","slug":"brunohafonso95","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/43271781?v=4","header":null,"created_at":"2021-09-07T03:42:51.000000Z","updated_at":"2021-09-07T03:42:51.000000Z","pivot":{"component_id":2995,"user_id":4898}},{"id":6751,"name":"Madawar","slug":"madawar","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/667254?v=4","header":null,"created_at":"2022-02-02T10:07:33.000000Z","updated_at":"2022-02-02T10:07:33.000000Z","pivot":{"component_id":2995,"user_id":6751}},{"id":1282,"name":"benaja-bendo","slug":"benaja-bendo","bio":null,"avatar":"https:\/\/avatars2.githubusercontent.com\/u\/64331956?v=4","header":null,"created_at":"2020-10-12T19:27:01.000000Z","updated_at":"2020-10-12T19:27:01.000000Z","pivot":{"component_id":2995,"user_id":1282}},{"id":5647,"name":"mrrashidov","slug":"mrrashidov","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/22550874?v=4","header":null,"created_at":"2021-11-01T12:30:24.000000Z","updated_at":"2021-11-01T12:30:24.000000Z","pivot":{"component_id":2995,"user_id":5647}},{"id":6772,"name":"philliphemleb","slug":"philliphemleb","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/24464081?v=4","header":null,"created_at":"2022-02-03T23:00:28.000000Z","updated_at":"2022-02-03T23:00:28.000000Z","pivot":{"component_id":2995,"user_id":6772}},{"id":1130,"name":"code-vagabond","slug":"code-vagabond","bio":null,"avatar":"https:\/\/avatars2.githubusercontent.com\/u\/6225638?v=4","header":null,"created_at":"2020-09-12T09:54:07.000000Z","updated_at":"2020-09-12T09:54:07.000000Z","pivot":{"component_id":2995,"user_id":1130}},{"id":6845,"name":"AbidAlWassie","slug":"abidalwassie","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/37473031?v=4","header":null,"created_at":"2022-02-11T19:29:11.000000Z","updated_at":"2022-02-11T19:29:11.000000Z","pivot":{"component_id":2995,"user_id":6845}},{"id":4237,"name":"erkobridee","slug":"erkobridee","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/342471?v=4","header":null,"created_at":"2021-07-14T06:40:38.000000Z","updated_at":"2021-07-14T06:40:38.000000Z","pivot":{"component_id":2995,"user_id":4237}},{"id":1757,"name":"ctnels","slug":"ctnels","bio":null,"avatar":"https:\/\/pbs.twimg.com\/profile_images\/822526479779168258\/jaraEj5I_normal.jpg","header":null,"created_at":"2020-12-15T10:28:57.000000Z","updated_at":"2020-12-15T10:28:57.000000Z","pivot":{"component_id":2995,"user_id":1757}},{"id":4550,"name":"luisalfredosv","slug":"luisalfredosv","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/44524404?v=4","header":null,"created_at":"2021-08-09T14:55:51.000000Z","updated_at":"2021-08-09T14:55:51.000000Z","pivot":{"component_id":2995,"user_id":4550}},{"id":6910,"name":"montserrathdezm","slug":"montserrathdezm","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/82480785?v=4","header":null,"created_at":"2022-02-18T18:45:27.000000Z","updated_at":"2022-02-18T18:45:27.000000Z","pivot":{"component_id":2995,"user_id":6910}},{"id":7609,"name":"osamaegy","slug":"osamaegy","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/64034451?v=4","header":null,"created_at":"2022-04-21T23:17:59.000000Z","updated_at":"2022-04-21T23:17:59.000000Z","pivot":{"component_id":2995,"user_id":7609}},{"id":7616,"name":"MarkVi","slug":"markvi","bio":null,"avatar":"https:\/\/pbs.twimg.com\/profile_images\/1299468848115200002\/JriOvaTq_normal.jpg","header":null,"created_at":"2022-04-22T11:39:17.000000Z","updated_at":"2022-04-26T13:02:12.000000Z","pivot":{"component_id":2995,"user_id":7616}},{"id":7705,"name":"Patrik","slug":"patrik","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/26102ad6395e377cf34dfff892b02140","header":null,"created_at":"2022-04-30T14:07:12.000000Z","updated_at":"2022-04-30T14:07:12.000000Z","pivot":{"component_id":2995,"user_id":7705}},{"id":7651,"name":"Sanaebida","slug":"sanaebida","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/73899218?v=4","header":null,"created_at":"2022-04-25T21:30:39.000000Z","updated_at":"2022-04-25T21:30:39.000000Z","pivot":{"component_id":2995,"user_id":7651}},{"id":7819,"name":"lightdevkimo","slug":"lightdevkimo","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/72871575?v=4","header":null,"created_at":"2022-05-11T12:09:12.000000Z","updated_at":"2022-05-11T12:09:12.000000Z","pivot":{"component_id":2995,"user_id":7819}},{"id":3866,"name":"devdeno","slug":"devdeno","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/51911254?v=4","header":null,"created_at":"2021-06-14T09:54:38.000000Z","updated_at":"2021-06-14T09:54:38.000000Z","pivot":{"component_id":2995,"user_id":3866}},{"id":5854,"name":"Thomas Garp","slug":"thomas-garp","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/a94624bc5c13722490c724ac7a423997","header":null,"created_at":"2021-11-20T16:35:06.000000Z","updated_at":"2021-11-20T16:35:06.000000Z","pivot":{"component_id":2995,"user_id":5854}},{"id":7779,"name":"helxsz","slug":"helxsz","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/669670?v=4","header":null,"created_at":"2022-05-07T11:19:08.000000Z","updated_at":"2022-05-07T11:19:08.000000Z","pivot":{"component_id":2995,"user_id":7779}},{"id":7933,"name":"MrsRobbot","slug":"mrsrobbot","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/48609418?v=4","header":null,"created_at":"2022-05-23T14:34:31.000000Z","updated_at":"2022-05-23T14:34:31.000000Z","pivot":{"component_id":2995,"user_id":7933}},{"id":8006,"name":"Arstman","slug":"arstman-1","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/14262700?v=4","header":null,"created_at":"2022-05-30T23:43:08.000000Z","updated_at":"2022-05-30T23:43:08.000000Z","pivot":{"component_id":2995,"user_id":8006}},{"id":6625,"name":"Abdulakeem Gbadamosi","slug":"abdulakeem-gbadamosi","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/f876fd2bad6477a667b17b2852d61c74","header":null,"created_at":"2022-01-23T04:54:42.000000Z","updated_at":"2022-01-23T04:54:42.000000Z","pivot":{"component_id":2995,"user_id":6625}},{"id":8280,"name":"NdekoCode","slug":"ndekocode","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/85836702?v=4","header":"\/storage\/headers\/3FqzEebO3eZi51EIVGBz9z4Z9OfkfxfX63Dtgga5.png","created_at":"2022-06-28T15:31:22.000000Z","updated_at":"2023-09-08T17:49:11.000000Z","pivot":{"component_id":2995,"user_id":8280}},{"id":8543,"name":"Zeta611","slug":"zeta611","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/9553691?v=4","header":null,"created_at":"2022-07-30T21:25:38.000000Z","updated_at":"2022-07-30T21:25:38.000000Z","pivot":{"component_id":2995,"user_id":8543}},{"id":8547,"name":"elyas94","slug":"elyas94","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/15987492?v=4","header":null,"created_at":"2022-07-31T17:34:18.000000Z","updated_at":"2022-07-31T17:34:18.000000Z","pivot":{"component_id":2995,"user_id":8547}},{"id":8553,"name":"perplexedyawdie","slug":"perplexedyawdie","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/33191770?v=4","header":null,"created_at":"2022-08-01T05:19:10.000000Z","updated_at":"2022-08-01T05:19:10.000000Z","pivot":{"component_id":2995,"user_id":8553}},{"id":1434,"name":"Matt","slug":"matt","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/2098eb6a3d48b22ed0692849699c795a","header":null,"created_at":"2020-10-27T13:11:58.000000Z","updated_at":"2020-10-27T13:11:58.000000Z","pivot":{"component_id":2995,"user_id":1434}},{"id":7224,"name":"TheCaffieneCode","slug":"thecaffienecode","bio":"The caffiene code , makes web design easy to learn. learn through live example projects.\r\n\r\nIts my youtube channel\r\nhttps:\/\/www.youtube.com\/channel\/UCmFt1y9cbHx3amPRctMEyvA","avatar":"\/storage\/avatars\/GshdRA9e2h6rd1M1WB2jmkPPujf2rhIGNmsGqjff.jpg","header":"\/storage\/headers\/CK1vn2U8tAIkAYNCclWUdoyb0IocYPD71euDKmzS.jpg","created_at":"2022-03-17T06:33:27.000000Z","updated_at":"2022-04-17T10:02:43.000000Z","pivot":{"component_id":2995,"user_id":7224}},{"id":8956,"name":"san2509","slug":"san2509","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/74744849?v=4","header":null,"created_at":"2022-09-05T16:26:26.000000Z","updated_at":"2022-09-05T16:26:26.000000Z","pivot":{"component_id":2995,"user_id":8956}},{"id":5930,"name":"jalenparham97","slug":"jalenparham97","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/35578097?v=4","header":null,"created_at":"2021-11-26T13:37:22.000000Z","updated_at":"2021-11-26T13:37:22.000000Z","pivot":{"component_id":2995,"user_id":5930}},{"id":9406,"name":"alexandermitsyk","slug":"alexandermitsyk","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/15364563?v=4","header":null,"created_at":"2022-10-17T11:33:48.000000Z","updated_at":"2022-10-17T11:33:48.000000Z","pivot":{"component_id":2995,"user_id":9406}},{"id":9540,"name":"BlazingKing","slug":"blazingking","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/77584564?v=4","header":null,"created_at":"2022-10-28T03:34:40.000000Z","updated_at":"2022-10-28T03:34:40.000000Z","pivot":{"component_id":2995,"user_id":9540}},{"id":9600,"name":"holiq","slug":"holiq","bio":null,"avatar":"\/storage\/avatars\/RcCbPr7jrJZzAVYUHiVP0WmpwwxKQKuuoqudU5US.jpg","header":null,"created_at":"2022-11-02T13:21:44.000000Z","updated_at":"2022-11-02T13:24:37.000000Z","pivot":{"component_id":2995,"user_id":9600}},{"id":9667,"name":"tomber","slug":"tomber","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/3495976?v=4","header":null,"created_at":"2022-11-08T21:59:19.000000Z","updated_at":"2022-11-08T21:59:19.000000Z","pivot":{"component_id":2995,"user_id":9667}},{"id":9846,"name":"ducntq","slug":"ducntq","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/907013?v=4","header":null,"created_at":"2022-11-23T17:04:37.000000Z","updated_at":"2022-11-23T17:04:37.000000Z","pivot":{"component_id":2995,"user_id":9846}},{"id":10055,"name":"runnneverstop722","slug":"runnneverstop722","bio":null,"avatar":"\/storage\/avatars\/CJvf09lPbOyEu5zNdrf4ieGZPQbupRp13rH2Ddtd.jpg","header":null,"created_at":"2022-12-10T02:05:14.000000Z","updated_at":"2022-12-11T03:34:01.000000Z","pivot":{"component_id":2995,"user_id":10055}},{"id":10356,"name":"PVarela11","slug":"pvarela11","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/73297605?v=4","header":null,"created_at":"2023-01-03T12:29:02.000000Z","updated_at":"2023-01-03T12:29:02.000000Z","pivot":{"component_id":2995,"user_id":10356}},{"id":10348,"name":"gsmatheus","slug":"gsmatheus","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/33672883?v=4","header":null,"created_at":"2023-01-03T04:02:07.000000Z","updated_at":"2023-01-03T04:02:07.000000Z","pivot":{"component_id":2995,"user_id":10348}},{"id":10381,"name":"cmontesvergara","slug":"cmontesvergara","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/33770974?v=4","header":null,"created_at":"2023-01-05T01:00:41.000000Z","updated_at":"2023-01-05T01:00:41.000000Z","pivot":{"component_id":2995,"user_id":10381}},{"id":10657,"name":"josephmaia","slug":"josephmaia","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/78848837?v=4","header":null,"created_at":"2023-01-23T17:26:52.000000Z","updated_at":"2023-01-23T17:26:52.000000Z","pivot":{"component_id":2995,"user_id":10657}},{"id":6203,"name":"marcos","slug":"marcos-1","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/7f2ba3bd7ba9feb80d36e6b301c9bfc7","header":null,"created_at":"2021-12-17T13:07:38.000000Z","updated_at":"2021-12-17T13:07:38.000000Z","pivot":{"component_id":2995,"user_id":6203}},{"id":11056,"name":"claudeomosa","slug":"claudeomosa","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/56362108?v=4","header":null,"created_at":"2023-02-18T12:25:19.000000Z","updated_at":"2023-02-18T12:25:19.000000Z","pivot":{"component_id":2995,"user_id":11056}},{"id":9030,"name":"zariyatyasin","slug":"zariyatyasin","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/64485419?v=4","header":null,"created_at":"2022-09-12T18:44:11.000000Z","updated_at":"2022-09-12T18:44:11.000000Z","pivot":{"component_id":2995,"user_id":9030}},{"id":11244,"name":"lelouvincx","slug":"lelouvincx","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/40534905?v=4","header":null,"created_at":"2023-03-01T15:05:26.000000Z","updated_at":"2023-03-01T15:05:26.000000Z","pivot":{"component_id":2995,"user_id":11244}},{"id":11329,"name":"MaxLiu1016","slug":"maxliu1016","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/37624959?v=4","header":null,"created_at":"2023-03-07T07:31:33.000000Z","updated_at":"2023-03-07T07:31:33.000000Z","pivot":{"component_id":2995,"user_id":11329}},{"id":3241,"name":"moneya","slug":"moneya","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/7353773?v=4","header":null,"created_at":"2021-04-28T15:37:06.000000Z","updated_at":"2021-04-28T15:37:06.000000Z","pivot":{"component_id":2995,"user_id":3241}},{"id":11089,"name":"adhd_scientist","slug":"adhd-scientist","bio":null,"avatar":"https:\/\/pbs.twimg.com\/profile_images\/1552704685705990146\/K1m_UM0H_normal.jpg","header":null,"created_at":"2023-02-20T22:30:21.000000Z","updated_at":"2023-02-20T22:30:21.000000Z","pivot":{"component_id":2995,"user_id":11089}},{"id":4536,"name":"paramjeet-dhiman","slug":"paramjeet-dhiman","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/86948618?v=4","header":null,"created_at":"2021-08-08T03:47:42.000000Z","updated_at":"2021-08-08T03:47:42.000000Z","pivot":{"component_id":2995,"user_id":4536}},{"id":11730,"name":"erik hernandez","slug":"erik-hernandez","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/a0d301f1e6c90d26709b53ea90611e67","header":null,"created_at":"2023-04-02T03:47:02.000000Z","updated_at":"2023-04-02T03:47:02.000000Z","pivot":{"component_id":2995,"user_id":11730}},{"id":10647,"name":"axellfumioo","slug":"axellfumioo","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/89429493?v=4","header":null,"created_at":"2023-01-23T08:34:56.000000Z","updated_at":"2023-01-23T08:34:56.000000Z","pivot":{"component_id":2995,"user_id":10647}},{"id":12014,"name":"bsdnomad","slug":"bsdnomad","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/5280290?v=4","header":null,"created_at":"2023-04-21T07:22:33.000000Z","updated_at":"2023-04-21T07:22:33.000000Z","pivot":{"component_id":2995,"user_id":12014}},{"id":12286,"name":"s8990","slug":"s8990","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/16442699?v=4","header":null,"created_at":"2023-05-09T08:10:34.000000Z","updated_at":"2023-05-09T08:10:34.000000Z","pivot":{"component_id":2995,"user_id":12286}},{"id":10629,"name":"Aliz-011","slug":"aliz-011","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/61337363?v=4","header":null,"created_at":"2023-01-21T20:56:19.000000Z","updated_at":"2023-01-21T20:56:19.000000Z","pivot":{"component_id":2995,"user_id":10629}},{"id":12167,"name":"entykey","slug":"entykey","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/89012668?v=4","header":null,"created_at":"2023-05-01T17:14:19.000000Z","updated_at":"2023-05-01T17:14:19.000000Z","pivot":{"component_id":2995,"user_id":12167}},{"id":12901,"name":"FarahTrip","slug":"farahtrip","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/121116598?v=4","header":null,"created_at":"2023-06-23T21:24:05.000000Z","updated_at":"2023-06-23T21:24:05.000000Z","pivot":{"component_id":2995,"user_id":12901}},{"id":10907,"name":"Mellvingunadi","slug":"mellvingunadi","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/80670897?v=4","header":null,"created_at":"2023-02-08T06:28:06.000000Z","updated_at":"2023-02-08T06:28:06.000000Z","pivot":{"component_id":2995,"user_id":10907}},{"id":13400,"name":"oio3f","slug":"oio3f","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/132443752?v=4","header":null,"created_at":"2023-07-28T01:08:51.000000Z","updated_at":"2023-07-28T01:08:51.000000Z","pivot":{"component_id":2995,"user_id":13400}},{"id":13886,"name":"allanokothdev","slug":"allanokothdev","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/19547628?v=4","header":null,"created_at":"2023-08-30T10:34:02.000000Z","updated_at":"2023-08-30T10:34:02.000000Z","pivot":{"component_id":2995,"user_id":13886}},{"id":14171,"name":"SantosJMM","slug":"santosjmm","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/7267578?v=4","header":null,"created_at":"2023-09-15T00:36:14.000000Z","updated_at":"2023-09-15T00:36:14.000000Z","pivot":{"component_id":2995,"user_id":14171}},{"id":14320,"name":"nishLauw","slug":"nishlauw","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/74921463?v=4","header":null,"created_at":"2023-09-24T11:57:05.000000Z","updated_at":"2023-09-24T11:57:05.000000Z","pivot":{"component_id":2995,"user_id":14320}},{"id":14957,"name":"jethropresto","slug":"jethropresto","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/45218182?v=4","header":null,"created_at":"2023-10-29T17:18:00.000000Z","updated_at":"2023-10-29T17:18:00.000000Z","pivot":{"component_id":2995,"user_id":14957}},{"id":14412,"name":"vuvandinh123","slug":"vuvandinh123","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/109643771?v=4","header":null,"created_at":"2023-09-29T02:46:49.000000Z","updated_at":"2023-09-29T02:46:49.000000Z","pivot":{"component_id":2995,"user_id":14412}},{"id":13881,"name":"kandalgaonkarshubham","slug":"kandalgaonkarshubham","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/44568730?v=4","header":null,"created_at":"2023-08-30T08:21:02.000000Z","updated_at":"2023-08-30T08:21:02.000000Z","pivot":{"component_id":2995,"user_id":13881}},{"id":16783,"name":"amoghees","slug":"amoghees","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/153068888?v=4","header":null,"created_at":"2024-02-06T08:50:07.000000Z","updated_at":"2024-02-06T08:50:07.000000Z","pivot":{"component_id":2995,"user_id":16783}},{"id":16427,"name":"mfadhill","slug":"mfadhill","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/97650248?v=4","header":null,"created_at":"2024-01-18T09:13:35.000000Z","updated_at":"2024-01-18T09:13:35.000000Z","pivot":{"component_id":2995,"user_id":16427}}]}" :edit="false"> Full screen Preview

Harrishash

81 components

Free Tailwind CSS Advance Table Component

Community Rate

Related components