Open HTML source of the page. It doesn't contain files for ColVis addon and "C" in "Controls layout" parameter.

Regards,
ARI Soft

So I have made my datatable with some nice options and functions, but I still haven't figured out a way to create a dynamic search box the way that my boss wants it. So we don't want multiple text-boxes or drop-down boxes filtering each column, but would like the following:
Have one drop down box listing all the columns. Depending which column is selected in that that drop-down box, it will have the regular search text-box next to it, to write what we wish to search.

Can you please give me any idea of how I can do this?

Thanks so much,
Constantine

It requires to create a new addon for DataTables widget.

Regards,
ARI Soft

I have applied the explanation provided earlier by the Admin and got dynamic search boxes at the bottom of my tables. Very good and meeting my needs. However, at the same time, I have lost the specific width of my columns, which are all with the same size. Neither the width in % or in px can reset them to the previous sizes, whatever values I enter.

Thanks for any solution & Regards

Dominique

admin wrote:
Create "columnfilter" folder in <joomla_directory>\modules\mod_aridatatables\includes\js\widgets\datatable\plugins\ folder and copy jquery.dataTables.columnFilter.js file to the created folder. After this open <joomla_directory>\modules\mod_aridatatables\includes\kernel\DataTables\Models\class.DataTablesWidgetDatatableModel.php file, find "includeAssets" method and add the following code:

AriDocumentHelper::includeJsFile($baseUri . 'plugins/columnfilter/jquery.dataTables.columnFilter.js');

after the following code:

AriDocumentHelper::includeJsFile($baseUri . 'plugins/tabletools/js/TableTools.min.js');

Then find "initClientInstance" and replace the following code:

'if (typeof(AriDataTables) != "undefined") AriDataTables.hideLoadingPane("#%1$s_wrapper");var options = %2$s;options["fnDrawCallback"] = function(oSettings) { adt_DataTable_DrawCallback(oSettings) };$("#%1$s").addClass("display dataTable").dataTable(options);'

with the following one:

'if (typeof(AriDataTables) != "undefined") AriDataTables.hideLoadingPane("#%1$s_wrapper");var options = %2$s;options["fnDrawCallback"] = function(oSettings) { adt_DataTable_DrawCallback(oSettings) };$("#%1$s").addClass("display dataTable").dataTable(options).columnFilter();'

PS: Set "HTML table settings -> Show footer" parameter to "Yes" in module settings.

Regards,
ARI Soft

Hello,

Where we can see the problem?

Regards,
ARI Soft

Please find a view of the table, before and after implementation of the dynamic search box.

The major changes are:

Global size of the table, which has become (spontaneously) much wider

Changes in the specific width of fields, small ones become wider and large ones smaller. All almost at the same width. No changes can be made with different % or px in these fields.

Regards

Dominique