Html – Django table reduce text when larger then cell size

I have home.html in my Django app, with the table in which if display all my posts:

{% for post in posts %}
                <tr>
                    <td>{% pagination_reverse_numbering paginator page_obj forloop.counter0 %}</td>
                    <td style="width:10%"><a class="mr-2" href="{% url 'post-detail' post.id %}">{{ post.title }}</a></td>
                    <td><a class="mr-2" href="{% url 'user-posts' post.author.id %}">{{ post.author.first_name }} {{ post.author.last_name }}</a></td>
                    <td>{{ post.date_posted|date:"j.n.Y" }}</td>
                </tr>
            {% endfor %}

Problem is, sometimes a single text, like post name is large and then each post is multiple rows. I would like to keep the size of each cell, just when text for preview would be larger then original/default cell size in table, just to skip rest of text. For example, instead of ‘Very long long post title’ it should be ‘Very lon…..’ to preserve cell size.

I would like to implement this in html or js.

I tried:

<td style="width:10%">

but this only limits cell width, then text splits in multiple rows.