Change title at toolbar table

Hi,

thanks for your post, and sorry for the trouble.

I’m not exactly sure what you mean here. Are you refering to the DataTables TableTools Extension? To change the labels for that, you’d have to edit the JavaScript file.

Regards,
Tobias

https://www.duhocworldlinks.edu.vn/test/

This is my page. Password is “help”. You can see my table.
At print icon, when I hover mouse, it will appear the text “View print view”. But other icons doen’t appear text. I want to change this text is:
– Print icon: “Print”
– CSV icon: “CSV”
– PDF icon: “PDF”
– Copy icon: “Copy”
– XLS icon: “XLS”
So that customers know function of these icons.

I am sorry, I know CSS and HTML. And I do not know JavaScript.
I had a file “TableTools.min.js”. So could you please help me to edit it?
https://www.duhocworldlinks.edu.vn/download/

2/ Another problem:
Sory for bother you again: At search bar, when I type text, it will appear “X” mark to clear text. Could I have the same “X” mark in column filter (At the bottom table)? So that customers could clear text fastly (At now, they use “backspace” to clear text)

Thank you very much.

Hi,

thanks for the clarification.

1)
The reason why not all the buttons show hover texts is that the first four work with Flash, and those don’t support hover texts from what I know.
To change the actual text, you would indeed need to modify the JavaScript file. Unfortunately, as I’m not the developer of that library (I only made it available as a TablePress Extension), I don’t know the exact place and can’t help with this ?? Sorry.

2)
For this, you will also have to modify JavaScript files:
In the file columnfilter.js of the Extension, change line 115 to

var input = $('<input type="search" class="' + search_init + sCSSClass + '" value="' + inputvalue + '" rel="' + i + '"/>');

(basically text is changed to search). This would also have to be done in the minified version columnfilter.min.js.

Regards,
Tobias

Hi Tobias,

Thank you very much. It works! But it has another error when I change this code.

When I typed text at column filter (bottom of table), it appeared “X” mark (like “search” bar). But if I clear all text by “X” mark (so that mean I did not filter), the whole results do not appear. If I clear all text by “backspace”, the whole results appear.

You could test at my page: https://www.duhocworldlinks.edu.vn/test/

Regards,
Linh.

Hi Linh,

ah, right… That’s unfortunate. That means that the actual JavaScript logic of that Extension would also have to be adapted, i.e. just changing the field’s type is not sufficient.

Unfortunately, as I didn’t develop that code, I’m not too familiar with it, so I don’t know where those modifications would have to be done. Sorry ??

Regards,
Tobias

Hi Tobias,

I am very grateful for your reply.

I hope you will update new version which will fix that code. So “DataTables Column Filter” extension will be perfect.

Thank you very much.

Regards,
Linh.

Hi Linh,

yes, if there’s a new version of the JS code that offers this, I will definitely update the TablePress Extension as well!

Best wishes,
Tobias