在gridview中添加一个空白行作为单元格的值更改

时间:2015-03-05 05:36:24

标签: c# asp.net gridview

我想在gridview中添加一行作为下面的showin链接 http://asp.net-informations.com/gridview/newrow.htm 我的问题是,在这个Aqua线插入值6380之后但是我想在6380之前显示Aqua线并且它显示6380然后在7066之前并显示7066等在线插入之前值开始而不是在线之后

1 个答案:

答案 0 :(得分:0)

You can handle this blank row with css and jquery.

1.在代码下面添加gridview列:

<asp:TemplateField>
    <ItemTemplate>
 <input id="Hidden1" value='<% Eval("id") %>' type="hidden" />
    </ItemTemplate>
</asp:TemplateField>

in this code "id" is unique for every group

2.将此代码添加到asp.net页面:

  <style>           
            .seperate {
                border-bottom: 20px solid #0000cd;
            }

        </style>
        <script>

            $('table tr td input[type=hidden]').each(function () {

                var prev = $(this).closest('tr').prev().find("input[type=hidden]");

              if (prev.val() != $(this).val()) {
                  prev.closest('tr').after("<tr><td colspan='2' class='seperate'></td></tr>");
              }

            });

            $("tr:last").after("<tr><td colspan='2' class='seperate'></td></tr>");
        </script>


in this code you must replace your columns count in colspan.