Define responsive table size

I'm creating a responsive table, but when I'm on a big screen, the table gets smaller than I should have, I tried to add a max-width to it in css , but it does not stay the same proposed.

         <table bordered striped centered highlight responsive-table style="max-width: 500px;">
            <thead>
                <tr>
                    <th>Código</th>
                    <th>Descrição</th>
                    <th>Categoria</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>001</td>
                    <td>Notebook i7 8GB Branco</td>
                    <td>Informática</td>
                </tr>
                <tr>
                    <td>002</td>
                    <td>Caneta Esferográfica Azul</td>
                    <td>Papelaria</td>
                </tr>
            </tbody>
        </table>