<div id="container" style="height: 300px; margin: 0 auto"></div>

<table id="datatable">
            <thead>
                <tr>
                    <th></th>
                    <th>vend 1</th>
                    <th>vend 2</th>
                    <th>vend 3</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <th>periodo 1  </th>
                    <td>30</td>
                    <td>40</td>
                    <td>80</td>
                </tr>
                <tr>
                    <th>periodo 2  </th>
                    <td>30</td>
                    <td>40</td>
                    <td>80</td>
                </tr>
                <tr>
                    <th>periodo 3  </th>
                    <td>50</td>
                    <td>40</td>
                    <td>40</td>
                </tr>
                <tr>
                    <th>periodo 4  </th>
                    <td>70</td>
                    <td>60</td>
                    <td>40</td>
                </tr>
            </tbody>
        </table>