Icons on a table do not work

Questions
1

Hello. I added an icon in my

and desktop works perfectly, but when I am on the phone the icon does not work.

chrome_2019-01-14_17-24-00
chrome_2019-01-14_17-24-00.jpg1920×938 120 KB

chrome_2019-01-14_17-19-44
chrome_2019-01-14_17-19-44.jpg383×671 48.9 KB

This happens only when I add the class “data-table-collapsible”

<div class="data-table card data-table-collapsible data-table-init">
                <table>
                    <thead>
                        <tr>
                            <th>Data</th>
                            <th class="label-cell">Codinome</th>
                            <th class="numeric-cell">Opniões</th>
                            <th class="numeric-cell"><i class="material-icons nps-ruim">sentiment_very_dissatisfied</i></th>
                            <th class="numeric-cell"><i class="material-icons nps-medio">sentiment_satisfied</i></th>
                            <th class="numeric-cell"><i class="material-icons nps-bom">sentiment_very_satisfied</i></th>
                            <th class="alinhar-centro">NPS</th>
                            <th class="numeric-cell">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>23/06/2019</td>
                            <td class="label-cell">NPS Área Técnica</td>
                            <td class="numeric-cell">100</td>
                            <td class="numeric-cell">23</td>
                            <td class="numeric-cell">36</td>
                            <td class="numeric-cell">89</td>
                            <td class=""><p class="classif-nps">75</p></td>
                            <td class="numeric-cell">Ações</td>
                        </tr></tbody>
                </table>

Is this a bug or an error in my code?

2

its data-table-collapsible logic owerwrite cells

                    <tbody>
                        <tr>
                            <td data-collapsible-title="Data">23/06/2019</td>
                            <td class="label-cell" data-collapsible-title="Codinome">NPS Área Técnica</td>
                            <td class="numeric-cell" data-collapsible-title="Opniões">100</td>
                            <td class="numeric-cell" data-collapsible-title="sentiment_very_dissatisfied">23</td>
                            <td class="numeric-cell" data-collapsible-title="sentiment_satisfied">36</td>
                            <td class="numeric-cell" data-collapsible-title="sentiment_very_satisfied">89</td>
                            <td class="" data-collapsible-title="NPS"><p class="classif-nps">75</p></td>
                            <td class="numeric-cell" data-collapsible-title="Ações">Ações</td>
                        </tr></tbody>
3

Thank you for your help. I still can not put an icon in the mobile resolutions, but this already helps by being able to replace the text. Thank you