HiI have a simple table on cshtml that contain some data I want to empty data of it by using id table using jquery or JsI use tblwelltestempty but didnt workThankslttable id34tblwelltest34 class34table tablevcenter cardtable34gt ltthead class34tablesuccess34 style34backgroundwhite34gt lttrgt ltth style34fontsize 80 fontweight 70034gtWell Nameltthgt ltth style34fontsize 80

Hi rubenRefer below sample codeHTMLltscript type34textjavascript34 src34httpsajaxgoogleapiscomajaxlibsjquery183jqueryminjs34gtltscriptgtlttable id34tblwelltest34 class34table tablevcenter cardtable34gt ltthead class34tablesuccess34 style34background white34gt lttrgt ltth style34fontsize 80 fontweight 70034gtWell Nameltthgt ltth style34fontsize 80 fontweight 70034gtTest Typeltthgt ltth style34fontsize 80 fontweight 70034gtTest Dateltthgt ltth style34fontsize 80 fontweight 70034gtWater STBltthgt ltth style34fontsize 80 fontweight 70034gtOil STBltthgt ltth style34fontsize 80 fontweight 70034gtGas MSCFltthgt lttrgt lttheadgt lttbodygt lttrgt

Clear (Empty) HTML Table Row using ID in jQuery

ruben

SOLVED CLOSED ACTIVE ANSWERED
User: ruben
Posted: on Jan 30, 2024 10:12 PM
Forum: jQuery and jQuery Plugins
Answer: 1
Views: 1550

I have a simple table on cshtml that contain some data,

I want to empty data of it by using id table using jquery or Js

I use "$("#_tblwelltest").empty();" but didnt work

Thanks

<table id="_tblwelltest" class="table table-vcenter card-table">
    <thead class="table-success" style="background:white;">
        <tr>
            <th style="font-size: 80%; font-weight: 700;">Well Name</th>
            <th style="font-size: 80%; font-weight: 700;">Test Type</th>
            <th style="font-size: 80%; font-weight: 700;">Test Date</th>
            <th style="font-size: 80%; font-weight: 700;">Water (STB)</th>
            <th style="font-size: 80%; font-weight: 700;">Oil (STB)</th>
            <th style="font-size: 80%; font-weight: 700;">Gas (MSCF)</th>
        </tr>
    </thead>
    <tr>
        <td id="_PLOT_NAME"></td>
        <td id="_TEST_TYPE"></td>
        <td id="_TEST_DATE"></td>
        <td id="_WATER_FLOW_AMOUNT"></td>
        <td id="_OIL_FLOW_AMOUNT"></td>
        <td id="_GAS_FLOW_AMOUNT"></td>
    </tr>
</table>

<script>
    $(document).ready(function () {
        $("#_tblwelltest").empty();
    });
</script>

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 1

Reply
ANSWER
User: dharmendr
Replied: on Jan 30, 2024 10:21 PM
Modified: on Jan 31, 2024 11:16 AM
Report

Hi ruben,

Refer below sample code.

HTML

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<table id="_tblwelltest" class="table table-vcenter card-table">
    <thead class="table-success" style="background: white;">
        <tr>
            <th style="font-size: 80%; font-weight: 700;">Well Name</th>
            <th style="font-size: 80%; font-weight: 700;">Test Type</th>
            <th style="font-size: 80%; font-weight: 700;">Test Date</th>
            <th style="font-size: 80%; font-weight: 700;">Water (STB)</th>
            <th style="font-size: 80%; font-weight: 700;">Oil (STB)</th>
            <th style="font-size: 80%; font-weight: 700;">Gas (MSCF)</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td id="_PLOT_NAME"></td>
            <td id="_TEST_TYPE"></td>
            <td id="_TEST_DATE"></td>
            <td id="_WATER_FLOW_AMOUNT"></td>
            <td id="_OIL_FLOW_AMOUNT"></td>
            <td id="_GAS_FLOW_AMOUNT"></td>
        </tr>
    </tbody>
</table>
<script type="text/javascript">
    $(document).ready(function () {
        $("#_tblwelltest tbody tr").empty();
    });
</script>

Demo

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Clear (Empty) HTML Table Row using ID in jQuery

Company

Explore

Follow us

Contact Us