शीघ्र रेंडरिंग और प्रोसेसिंग के लिए मुफ़्त JavaScript स्प्रैडशीट घटक

स्लिकग्रिड के साथ शुरुआत करना

स्लिकग्रिड स्थापित करने का अनुशंसित तरीका, एनपीएम का उपयोग कर रहा है, स्लिकग्रिड स्थापित करने के लिए, बस ब्राउज़र में निम्न स्क्रिप्ट टैग जोड़ें।

npm install slickgrid 

आप GitHub रिपॉजिटरी से संकलित साझा लाइब्रेरी डाउनलोड कर सकते हैं और इसे इंस्टॉल कर सकते हैं।

जावास्क्रिप्ट एपीआई का उपयोग करके सेल को कैसे मर्ज करें?

स्प्रैडशीट के अंदर कोशिकाओं को मर्ज करना एक बहुत ही उपयोगी सुविधा है जो अक्सर कई पंक्तियों या स्तंभों में पाठ को केन्द्रित करने के लिए उपयोग की जाती है और दो या अधिक कोशिकाओं के डेटा स्ट्रिंग्स को संयोजित करने में सहायक हो सकती है। इसका मुख्य उद्देश्य डेटा को एंड-यूज़र के लिए प्रेजेंटेबल और रीडेबल बनाना है। ओपन सोर्स स्लिकग्रिड जावास्क्रिप्ट घटक सॉफ्टवेयर डेवलपर्स को अपने स्वयं के जावास्क्रिप्ट अनुप्रयोगों के अंदर कई कोशिकाओं, पंक्तियों या स्तंभों को संयोजित करने की अनुमति देता है।

function VerCellMergedFormatter(row, cell, value, columnDef, dataContext) {
    var options = window._renderOptions;
    if (options.lastRendering != 1) {
        return;
    }
    var items = window.getRenderDataItmes();
    var fieldName = columnDef.field;
    var rowsLength = items.length;
    var currentItem = items[row];
    var nextRowIndex = row + 1;
    if (nextRowIndex < rowsLength){
        var nextValue = items[nextRowIndex][fieldName];
        if (value == nextValue) {
            if (!options.changedCells[row]) {
                options.changedCells[row] = {};
            }
            options.changedCells[row][fieldName] = "noneline-bottom";
            options.isNextMerged = 1;
            return value;
        }
        else {
            if (options.isNextMerged == 1) {
                options.isNextMerged = 0;
                return;
            }
        }
    }
    return value;
}

जेएस के माध्यम से स्प्रेडशीट कॉलम, पंक्तियां और सेल संपादित करें

स्लिकग्रिड घटक सॉफ्टवेयर डेवलपर्स को उनके जावास्क्रिप्ट अनुप्रयोगों के अंदर विभिन्न तरीकों से स्प्रेडशीट सेल को संभालने में सक्षम बनाता है। पुस्तकालय ने स्प्रेडशीट सेल, कॉलम और पंक्तियों को संभालने के लिए कई महत्वपूर्ण सुविधाएँ प्रदान की हैं जैसे, नई सेल सम्मिलित करना, मौजूदा सेल को संपादित करना, अवांछित सेल को हटाना। इसने जावास्क्रिप्ट कमांड का उपयोग करके ऑटो साइजिंग कॉलम, आकार बदलने, पुनर्क्रमित करने, प्रदर्शित करने और कॉलम और पंक्तियों को छिपाने के लिए समर्थन भी प्रदान किया है।

var d =  $scope.$grid.grid.getData();
$scope.$grid.grid.invalidateRow(d.length);
//Adds the new row as the first row.
d.unshift(item);
$scope.$grid.grid.updateRowCount();
$scope.$grid.grid.setData(d);
$scope.selectedRows = [];
$scope.selectedRows = [0];
//Sets the first row and first column as editable by clicking on it
$scope.$grid.grid.setActiveCell($scope.selectedRows,0);
//$scope.$grid.grid.gotoCell(0,0,true);
var grid = $scope.$grid.grid;
var row = $scope.selectedRows[0];
var col = 0;
grid.setActiveCell(row, col);
grid.editActiveCell(Slick.Acsiom.Editors.Text);

जावास्क्रिप्ट एपीआई के माध्यम से ऑटो कॉलम आकार

ओपन सोर्स स्लिकग्रिड घटक ने जावास्क्रिप्ट अनुप्रयोगों के अंदर ऑटो-कॉलम साइजिंग लागू करने के लिए एक बहुत ही उपयोगी सुविधा प्रदान की है। यह एक कॉलम ऑटोसाइजिंग एपीआई प्रदान करता है जो ग्रिड को हेडर और पंक्तियों की सेल सामग्री के आधार पर अपने कॉलम की चौड़ाई के बारे में बुद्धिमान चयन करने में सक्षम बनाता है। कृपया याद रखें कि ऑटोसाइज़िंग के लिए डेटा प्रदान किया जाना चाहिए और आकार के परीक्षण के लिए डेटा मौजूद होना चाहिए क्योंकि बिना किसी डेटा के काम करने के लिए स्वचालित आकार देने वाले एल्गोरिदम के लिए यह बहुत कठिन है।