tabla td estilo para CSS

Me gustaría que mi texto TD se mueva un poco, pero hasta ahora solo puedo alinear el texto a la izquierda, al centro, a la derecha:

<div class= "col-md-7" id = "recyclable-list">    
    <table class="table">
        <thead>
            <tr>
                <th style=" padding-left:25px;";>RecyclableID</th>
                <th style=" padding-left:100px;">Name</th>
                <th style=" text-align: center;">RecyclableType</th>
            </tr>
        </thead>
        <tbody id="recycleTable">
        </tbody>
    </table>  

Este es el código para llamar a la base de datos:

var myarray = [];

$.ajax({
    url:"https://ecoexchange.dscloud.me:8080/api/get",
    method:"GET",
    // En este caso, vamos a usar encabezados como
    headers:{
        // La consulta que planeas llamar
        // es decir, <query> puede ser UserGet(0), RecyclableGet(0), etc.
        query:"RecyclableGet(0)",
        // Obtiene la apikey del sessionStorage
        apikey:sessionStorage.getItem("apikey")
    },
    success:function(data,xhr,textStatus) {
        myarray = data;
        buildTable(myarray);
        console.log(myarray);
    },
    error:function(xhr,textStatus,err) {
        console.log(err);
    }
});

function buildTable(data) {
    var table = document.getElementById("recycleTable")

    for (var i = 0; i < data.length; i++) {
        var row = `<tr>
            <td>${data[i].RecyclableID}</td>
            <td>${data[i].Name}</td>
            <td>${data[i].RecyclableType}</td>
            </tr>`

        table.innerHTML += row
    }
};

Así es como se ve actualmente la tabla:

Imagen de cómo se ve la tabla

Ahora, ¿cómo puedo darle estilo para que coincida con las filas del encabezado?