Check with the below code.
HTML
<div class="col-sm-3">
<asp:Repeater ID="rptCustomers" runat="server">
<HeaderTemplate>
<table id="dataTablesExample" class="table">
<tr>
<th scope="col" style="width: 80px">
First Name
</th>
<th scope="col" style="width: 120px">
Last Name
</th>
<th scope="col" style="width: 100px">
Email
</th>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td>
<asp:Label ID="lblFirstname" runat="server" Text='<%# Eval("Firstname") %>' />
</td>
<td>
<asp:Label ID="lblLastname" runat="server" Text='<%# Eval("Lastname") %>' />
</td>
<td>
<asp:Label ID="lblEmail" runat="server" Text='<%# Eval("Email") %>' />
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>
</div>
<div>
<script type="text/javascript">
$(document).ready(function () {
$('#dataTablesExample').DataTable({
responsive: true
});
});
</script>
</div>
Code
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
this.BindRepeater();
}
}
private void BindRepeater()
{
string constr = ConfigurationManager.ConnectionStrings["constr"].ConnectionString;
using (SqlConnection con = new SqlConnection(constr))
{
using (SqlCommand cmd = new SqlCommand("SELECT Firstname,Lastname,Email FROM Employees", con))
{
using (SqlDataAdapter sda = new SqlDataAdapter(cmd))
{
cmd.CommandType = CommandType.Text;
DataTable dt = new DataTable();
sda.Fill(dt);
rptCustomers.DataSource = dt;
rptCustomers.DataBind();
}
}
}
}