How to change text of "sButtonText" for the data table

Question

0.00/5 (No votes)

See more:

Hi All,
I have a requirement for Hiding column of the data table and unhide it with a button click.
The button name is Hide Column.
What is required is once I click on Hide Column the text of the data table button should change to Show Column and vice versa.

Is it possible.

Please guide.

Posted 12-Feb-15 19:32pm

raghunath sahoo

Add a Solution

3 solutions

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Jitendra Ku. Sahoo · Answer 1 · 2015-02-12T19:40:00

Solution 1

You can use a Flag. Let say the initial status is 0 i.e Hide Columns. When you click the button set flag status to 1 and text to Show Columns.

Posted 12-Feb-15 19:40pm

Jitendra Ku. Sahoo

Solai Raja · Answer 2 · 2015-02-12T19:42:00

Solution 2

JavaScript

$("#button").click(function(){$("table tr td:nth-child(no)").hide();});

Where no is the column position of you table.

Posted 12-Feb-15 19:42pm

Solai Raja

raghunath sahoo · Answer 3 · 2015-02-18T00:21:00

Solution 3

$(nButton).text($(nButton).text() =="Hide Columns" ? "Show Columns" : "Hide Columns");

The button text could be controlled by nButton in data table. It solved my issue.

Posted 18-Feb-15 0:21am

raghunath sahoo

How to change text of "sButtonText" for the data table

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0

How to change text of "sButtonText" for the data table

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0

Existing Members

...or Join us