Bulk Action for table on page

Hi @mathewstudent ,

I understand that you want to include the “Allow Bulk Actions” option for your tables.

It looks like you want to display the bulk actions together with the table in the front end.

Currently, for data forms, the bulk actions are only visible in the admin side of your site. See here: https://share.getcloudapp.com/v1uWx68r

This means that the bulk actions for data tables won’t be available for frontend display as well.

I hope this information finds you well.

Let me know of further questions.

Hi @mathewstudent,

Are you using the [wpdadiehard] shortcode or the [wpdadataproject] one?

For clarification, bulk actions will appear for tables in a project but on a page level only using the [wpdadiehard] shortcode.

See here: https://share.getcloudapp.com/X6u7dJZ1

Hope that helps. ??

Thanks, I see what is the limitation and what can be done.

Just in case anyone would need I am leaving some simple JS code to export full Data Table from front-end:

<button onclick="exportToExcel('your_html_element_id', 'desired_export_file_name_and_sheet_name')">Export to Excel</button>


<script src="https://unpkg.com/xlsx/dist/xlsx.full.min.js"></script>

function exportToExcel(tableElementId,fileName) {
        // Get table element
        var table = document.getElementById(tableElementId);

        // Create a new workbook
        var wb = XLSX.utils.book_new();

        // Convert table to worksheet
        var ws = XLSX.utils.table_to_sheet(table);

        //Add all records skipping one header
        XLSX.utils.sheet_add_aoa(ws, XLSX.utils.sheet_to_json(ws, { header: 1 }).slice(1));


        // Add the worksheet to the workbook
        XLSX.utils.book_append_sheet(wb, ws, fileName);

        // Generate the Excel file and download it
        XLSX.writeFile(wb, fileName + ".xlsx");
    }

Hi @mathewstudent ,

Thanks for sharing your workaround. ??

Let us know if you have further questions. We’d be glad to help you out.