将表排序器添加到第一个表的列表中,该表将排序下一个表的td

时间:2019-05-20 08:27:58

标签: javascript jquery

在第一个表的第一个表中添加表排序器,它将在单击日期时对所有td编号进行排序。单击的日期应导致对第enter image description here个以下数字的排序,第一个表中给出的日期和编号排序在秒表jquery中以升序或降序排序。例如,当单击nov_2013时,应该在ace发送中对表进行排序

<table style="width:80%" id="customers" align="center">
    <tr>
        <th style="background-color:white;" colspan="2"><input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search Here" title="Type in a name"></th>
        <th colspan="7"> asfdasdf</th>
    </tr>
    <tr>
        <th colspan="2"><select class="ui dropdown" id="myselection">
                <option value="One">Readvon</option>
                <option value="Two">sdctry</option>
                <option value="Three">scv</option>
                <option value="four">sdv</option>
            </select></th>
        <th>Nov_2013</th>
        <th>March_2014</th>
        <th>Dec_2015</th>
        <th>Nov_2017</th>
        <th>April_2018</th>
        <th>Feb_2019</th>
        <th>April_2019</th>


    </tr>
</table>
<div id="showOne">
    <table style="width:80%" id="customers" align="center">
        <tr>
            <td colspan='2' style='color:red'>Total</td>
            <td>134</td>
            <td>139</td>
            <td>137</td>
            <td>158</td>
            <td>144</td>
            <td>146</td>
            <td>140</td>
        <tr>
            <td colspan='2'>Aadc</td>
            <td>0</td>
            <td>4</td>
            <td>4</td>
            <td>6</td>
            <td>5</td>
            <td>4</td>
            <td>4</td>
        <tr>
            <td colspan='2'>Asdvacific</td>
            <td>48</td>
            <td>45</td>
            <td>33</td>
            <td>36</td>
            <td>33</td>
            <td>34</td>
            <td>33</td>
        <tr>
            <td colspan='2'>Eafcdpe</td>
            <td>45</td>
            <td>42</td>
            <td>46</td>
            <td>53</td>
            <td>48</td>
            <td>52</td>
            <td>50</td>
        <tr>
            <td colspan='2'>Inasdca</td>
            <td>0</td>
            <td>5</td>
            <td>5</td>
            <td>5</td>
            <td>5</td>
            <td>5</td>
            <td>3</td>
        <tr>
            <td colspan='2'>MsCDNA</td>
            <td>4</td>
            <td>5</td>
            <td>5</td>
            <td>5</td>
            <td>5</td>
            <td>6</td>
            <td>6</td>
        <tr>
            <td colspan='2'>NortScerica</td>
            <td>37</td>
            <td>38</td>
            <td>44</td>
            <td>49</td>
            <td>48</td>
            <td>41</td>
            <td>40</td>
        <tr>
            <td colspan='2'>SouacAmerica</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>4</td>
            <td>0</td>
            <td>4</td>
            <td>4</td>
        </tr>
    </table>
</div>
</table>

0 个答案:

没有答案