Epllisis not working in IE

Question

I have a table and in th i have added inline css for showing dot if text is bigger.Its working fine in other browser except in IE9

Below is my code

<table class="table table-bordered table-condensed hardware-software-table">
                            <tbody><tr style="background-color: #8A8A8D; color: #fff;">
                                <th style="width: calc(100% - 10px);overflow: hidden;text-overflow: ellipsis; white-space: nowrap;">VendorName</th>
                                <th style="width: calc(100% - 200px);overflow: hidden;text-overflow: ellipsis; white-space: nowrap;">Account No</th>
                            </tr>
                            <tr>
                            <td>1</td>
                            <td>2</td>

                        </tbody></table>

Please see the screenshot too enter image description here

I don't think this is a programming question. It is really a question about how to use a tool - Eclipse. — Stephen C, Feb 09 '15 at 07:32

score 0 · Answer 1 · answered Feb 09 '15 at 08:02

You have to do some changes in you html. for better performance you can use span tag inside th and it will work fine and define the width of span tag.

<table class="table table-bordered table-condensed hardware-software-table">
                            <tbody><tr style="background-color: #8A8A8D; color: #fff;">
                                <th><span style="width: 100px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; display:block;"">VendorName aASDASDASD</span></th>
                                <th ><span style="width: 100px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; display:block;"">Account Number</span></th>
                            </tr>
                            <tr>
                            <td>1</td>
                            <td>2</td>

                        </tbody></table>

Epllisis not working in IE

1 Answers1