Solution 1 :

try this function:

function noLastCharaceter(txt) {
  return txt.substr(0, txt.length - 1);

If you are asking, how to use it, so if your table id is “tableId”, try this:

var table = document.getElementById("tableId"); 
var headers = table.getElementsByTagName("TH"); // list of "th" elements
headers[1].innerHTML = noLastCharacter(headers[1].innerHTML); // replace content of second column

Solution 2 :

Here is a very similar script that demonstrates the use of a suitable selector and a simple .slice() operation on the .textContent of the <th> element (please note that String.prototype.substr() is deprecated).

const th=document.querySelector("#myTable th:last-child");
<table id="myTable"><thead><tr><th>Product</th><th>Price X</th><tr></thead><tbody>

Problem :

How to remove last character inside of table header using javascript/ajax?

Example table:

Product Price X
First 1000
Second 2000

What I want to reach is remove the X on Price X column header with some button, I’ve use slice before but not working.

How I supposed to do?


Comment posted by minimal reproducible example

To get the HTML

Comment posted by Community

Please clarify your specific problem or provide additional details to highlight exactly what you need. As it’s currently written, it’s hard to tell exactly what you’re asking.

Comment posted by Cjmarkham

Why would the HTML element

Comment posted by it doesn’t matter


Comment posted by Carsten Massmann

… and when you ask for the