Print Table

HTML

<table id="printTable">
    <tbody>
        <tr>
            <th>Actions</th>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Points</th>
        </tr>
        <tr>
            <td>Add/ Remove</td>
            <td>Jill</td>
            <td>Smith</td>
            <td>50</td>
        </tr>
        <tr>
            <td>Add/ Remove</td>
            <td>Eve</td>
            <td>Jackson</td>
            <td>94</td>
        </tr>
        <tr>
            <td>Add/ Remove</td>
            <td>John</td>
            <td>Doe</td>
            <td>80</td>
        </tr>
        <tr>
            <td>Add/ Remove</td>
            <td>Adam</td>
            <td>Johnson</td>
            <td>67</td>
        </tr>
    </tbody>
</table>
<br />
<br />
<button>Print me</button>

CSS

table th, table td {
    border-color: black;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
}
th, table th {
    -moz-user-select: none;
    text-align: center;
}
table {
    border-collapse: collapse;
}

JavaScript

function printData() {
    var divToPrint = document.getElementById("printTable");
    alert(divToPrint.outerHTML);
}

$('button').on('click', function () {
    printData();
})