UI-Grid Import数据功能添加空行

时间:2015-10-26 02:32:34

标签: angularjs angular-ui-grid

我正在使用UI-Grid并使用导入功能使用CSV数据填充它:

从第一次导入数据时,一切正常。当我尝试从第二个文件导入数据时出现问题(可能与第一个文件或不同的文件相同)。而不是第二个文件的内容,我看到网格中附加了空白行。理想情况下,我希望第二个文件的内容覆盖第一个文件或附加。

这个问题可以在UI-Grid的教程演示页面中轻松复制:histedit extension

如何解决此问题?

http://ui-grid.info/docs/#/tutorial/207_importing_data

[UPDATE] 我看到当Header字段有多个单词

时会出现问题

示例CSV文件: - >>

var userChoice = prompt("Do you choose rock, paper or scissors?");
 var computerChoice = Math.random();
    if (computerChoice < 0.34) {
            computerChoice = "rock";
        } else if(computerChoice <= 0.67) {
            computerChoice = "paper";
        } else {
            computerChoice = "scissors";
        } console.log("Computer: " + computerChoice);
        var compare = function(choice1,choice2){
            if (choice1 === choice2){
                return "The result is a tie!";

           }else if (choice1 === "rock"){
             if(choice2 === "scissors"){
                 return("rock wins");
             }else{
                return("paper wins");   
             }

           }else if (choice1 === "paper"){
                if(choice2 === "rock"){
                    return("paper wins");
                }else{
                    return("scissors wins");
                }
           }else if(choice1 === "scissors"){
               if(choice2 === "rock"){
                   return("rock wins");
               }else{
                   return("scissors wins");
               }
           }else if (choice1 != "rock"&&"paper"&&"scissors"){
                    alert("not a viable input,please try again");
                    compare(userChoice,computerChoice);
    //calling the function here makes the alert box repeatedly pop up

           }

        };
        compare(userChoice,computerChoice);

我导了两次这个文件。作为&#34;性别指定&#34;和&#34;公司名称&#34;两者都由2个单词组成,它们具有空白值。看起来像UI-Grid的错误

enter image description here

1 个答案:

答案 0 :(得分:0)

在gridOptions中明确指定列定义后,网格正常工作。

$ scope.columns = [{field:'Symbol'},{field:'Product Type'},{field:'Schedule Amount'}]; $ scope.gridOptions.columnDefs = $ scope.columns;