Google डॉक्स

Question

जैसे स्प्रेडशीट की तरह दिखने के लिए एक HTML तालिका स्टाइल करें, मैं एक सरल स्प्रेडशीट (एक आरईएसटी/जेएसओएन बैक एंड के साथ) बनाने की कोशिश कर रहा हूं जो Google डॉक्स स्प्रेडशीट (या एक्सेल) जैसा दिखता है। मेरे पास एक कामकाजी मॉडल है जो HTML इनपुट बॉक्स का उपयोग करता है और बॉक्स का चयन करता है।

क्या इसे स्टाइल करने का कोई तरीका है ताकि यह वास्तविक स्प्रेडशीट की तरह दिखता है और "ContentEditable = true" का उपयोग करता है और टैब कुंजी को संभालने के लिए भी उपयोग करता है?

Answer 1

आप इसके साथ प्रयास कर सकते हैं: https://mindmup.github.io/editable-table/ यह बूटस्ट्रैप के साथ काम करता है, संपादन सामग्री को अनुमति देता है, इसकी एक्सेल स्प्रैडशीट की तरह, लेकिन एक सामान्य HTML तालिका पर काम करता है।

ऐसा लगता है कि यह img: Image editableTableWidget है। Obviusly आप सीएसएस में शैली को अनुकूलित कर सकते हैं।